Creé un carrusel simple basado en un comportamiento de desplazamiento de navegador nativo con el uso de scroll-behavior: smooth;
y técnica scroll-snap
. Funciona perfectamente y se va potenciando progresivamente. Active el carrusel con js con scrollBy
y scrollTo
para que actúe como un carrusel típico. Sin embargo, cuando un usuario intenta navegar a una sección en una página con a href="#section-name
y se ejecuta el carrusel, el usuario inició las paradas de desplazamiento vertical antes de llegar a su destino. ¿Estoy siendo tonto aquí y este es un comportamiento natural del navegador? ¿No puedes tener dos pergaminos al mismo tiempo? Si es así, ¿cómo lo harías? Quiero que el carrusel se ejecute en un bucle, pero si esto frena la navegación, no tiene sentido. Aquí hay una demostración: https://codepen .io/rwaniek/pen/jOzNQpz