Sticky Header Shrink

Un encabezado se oculta al hacer scroll hacia abajo y vuelve a aparecer al hacer scroll hacia arriba.

Añade un "Hide on Scroll Header" (también llamado headroom o auto-hide navbar) en [dónde].
El encabezado debe deslizarse hacia arriba y ocultarse cuando el lector hace scroll hacia abajo, y volver a entrar con cualquier scroll hacia arriba: rápido y suave, reaccionando a la dirección y no a la distancia.
Muéstralo siempre en la parte superior de la página, ignora los pequeños temblores del scroll, y mantenlo visible mientras algo dentro de él tenga el foco del teclado.

Un elemento se queda fijo en su sitio durante un tramo del scroll mientras el resto del contenido o la animación avanza.

Añade un efecto de scroll "Pinning" (también llamado pinned section o sticky section) en [dónde].
Un panel debe quedarse fijo en su sitio mientras el contenido de al lado pasa con el scroll, cambiando según el paso que se está leyendo, y debe soltarse cuando termine la sección.
Prefiere el posicionamiento sticky nativo en lugar de secuestrar el scroll, y asegúrate de que cada paso se lea bien sin el panel fijo en pantallas pequeñas.

Grandes líneas de texto se deslizan en horizontal mientras la página se desplaza en vertical.

Añade un "Text Marquee on Scroll" (también llamado scroll text marquee o scroll velocity text) en [dónde].
Grandes líneas de texto deben deslizarse de lado al bajar por la página, con filas alternas moviéndose en direcciones opuestas, y volver atrás al subir.
Vincula el movimiento a la posición del scroll, evita que las líneas largas creen una barra de desplazamiento horizontal y mantenlas quietas si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Un elemento o una escena se amplía o se reduce a medida que el usuario hace scroll.

Añade un efecto "Zoom on Scroll" (también llamado scroll zoom o scale on scroll) en [dónde].
Mientras la sección se mantiene en pantalla, el elemento debe crecer suavemente desde una tarjeta pequeña hasta llenar toda la vista, al ritmo del scroll, y encogerse de nuevo al subir.
Escálalo sin desplazar el diseño que lo rodea y muéstralo en su tamaño final sin zoom si el usuario prefiere movimiento reducido (prefers-reduced-motion).