Disparador de desplazamiento GreenSock

Choca esos cinco con la pandilla Greensock por el lanzamiento de ScrollTrigger . El objetivo de este nuevo complemento es activar una animación cuando una página se desplaza a ciertas posiciones, así como cuando ciertos elementos están en la ventana gráfica. Todo lo que quieras configurar al respecto, lo es. Ha habido muchas bibliotecas de posiciones de desplazamiento a lo largo de los años, pero Greensock tiene una habilidad especial para lograr que las API y el rendimiento sean perfectos, sin mencionar que, como lo que desea es activar animaciones, ahora tiene a Greensock a su alcance para asegurarse de que estás en buenas manos. Está estrechamente integrado con todas las demás posibilidades de animación de GSAP (por ejemplo, animar una línea de tiempo según la posición de desplazamiento).

Tienen documentos y un montón de ejemplos . Me gusta especialmente que tienen una sección de errores con formas en que puedes arruinarlo. Todo proyecto debería hacer eso.

CodePen también está lleno de ejemplos, así que aprovecharé la oportunidad para dejar algunos aquí para su placer visual. Puedes jugar con él en CodePen de forma gratuita (búscalo).

Si le preocupa demasiado movimiento, eso es algo que puede hacer de manera responsable a través de prefers-reduced-motion, que está disponible como consulta de medios CSS y en JavaScript .