Scroll Snap

Las diapositivas se mueven en horizontal por una ventana visible y encajan de una en una.

Añade un carrusel ("Carousel Slide", también llamado slider o swipe carousel) en [dónde].
Cada paso debe deslizar la fila de lado para que la siguiente diapositiva encaje en el centro, suave y frenando, con las vecinas asomando por los bordes y los puntos de posición siguiendo el cambio.
Avanza de una en una, admite deslizar con el dedo además de botones y flechas del teclado, y pon etiquetas a los controles para los lectores de pantalla.

El scroll y los saltos a anclas se deslizan con suavizado en lugar de moverse de golpe.

Añade un scroll suave (Smooth Scroll, también llamado smooth scrolling o inertia scroll) en [dónde].
El scroll y los saltos a anclas deben deslizarse y frenar suavemente en lugar de moverse a saltos, con una sensación ligera y ágil, no con un retraso pesado.
Mantén el comportamiento nativo, como el scroll con teclado, la barra de desplazamiento y la búsqueda en la página, y desactiva el suavizado si el usuario prefiere movimiento reducido (prefers-reduced-motion).

El scroll vertical desplaza de lado una fila de paneles fijada en pantalla.

Añade una "Horizontal Scroll Section" (también llamada horizontal scrolling o scroll-jacked horizontal gallery) en [dónde].
Cuando la sección llegue arriba, debe quedarse fijada mientras el scroll hacia abajo desplaza su fila de paneles de lado, y soltarse cuando el último panel esté a la vista.
Vincula el movimiento lateral directamente a la posición del scroll para que al volver atrás se invierta, y usa una fila normal deslizable en pantallas pequeñas o si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Las tarjetas se quedan fijas arriba al hacer scroll y se apilan unas sobre otras, a menudo encogiendo las anteriores.

Añade "Stacking Cards" (también llamadas sticky stacking cards o card stack scroll) en [dónde].
Al hacer scroll, cada tarjeta debe quedarse fija cerca de la parte superior y la siguiente debe subir por encima, mientras las de debajo se encogen un poco para formar una pila ordenada.
Deja visible un borde fino de cada tarjeta anterior y da a la última espacio suficiente para llegar a su sitio antes de que termine la sección.

El progreso de la animación está ligado directamente a la posición del scroll, así que al avanzar o retroceder se reproduce o se rebobina.

Añade una "Scroll-Linked Animation" (también llamada scroll-driven animation o scroll scrub) en [dónde].
La animación debe moverse exactamente con la posición del scroll: al bajar avanza y al subir se rebobina al instante, sin un suavizado temporal propio.
Asigna toda la animación a un tramo de scroll claro y muestra un estado estático razonable si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Una animación se reproduce una vez cuando un elemento entra o sale del viewport.

Añade una "Scroll-Triggered Animation" (también llamada reveal on scroll o animate on scroll) en [dónde].
Cada elemento debe aparecer con un fundido y subir a su sitio una sola vez al entrar en pantalla, a su propio ritmo rápido y suave en lugar de seguir la posición del scroll.
Mantén el contenido visible si los scripts no cargan y muestra los elementos de inmediato si el usuario prefiere movimiento reducido (prefers-reduced-motion).