ScrollTrigger Brings Scroll-Position Animation to GSAP
GreenSock has launched ScrollTrigger, a new plugin designed to fire animations based on scroll position and viewport visibility. The plugin handles the scroll-related heavy lifting while staying closely tied to the rest of the GSAP ecosystem, so developers can pair it with timelines and other animation features without friction. That integration is what sets it apart from earlier scroll-position libraries: rather than just detecting when elements enter the frame, it hands you the full animation toolkit once they do.
The plugin is highly configurable, covering everything from trigger points to scrub behavior. Documentation and demonstration projects are available on the GreenSock site, including a dedicated section on common implementation mistakes — a useful addition that most projects overlook. The official CodePen collection also offers a quick way to experiment with the plugin before committing to a full setup.
For developers concerned about excessive motion, prefers-reduced-motion remains the go-to solution. The media query works both in CSS and directly in JavaScript, allowing ScrollTrigger animations to be toned down or disabled entirely for users who opt into reduced motion settings.
