Back to skills

gsap-scrolltrigger

development

ScrollTrigger is a GSAP plugin that links animations to scroll position. It handles triggering tweens and timelines on scroll, pinning elements in place, scrubbing animation progress to scroll distanc

Setup & Installation

npx skills add https://github.com/greensock/gsap-scrolltrigger --skill gsap-scrolltrigger
or paste the link and ask your coding assistant to install it
https://github.com/greensock/gsap-scrolltrigger
View on GitHub

What This Skill Does

ScrollTrigger is a GSAP plugin that links animations to scroll position. It handles triggering tweens and timelines on scroll, pinning elements in place, scrubbing animation progress to scroll distance, and batching scroll-based callbacks for multiple elements. ScrollTrigger handles pin spacing, scroll position math, refresh-on-resize, and cleanup automatically, removing the manual IntersectionObserver and scroll event bookkeeping that custom implementations require.

When to use it

  • Working with gsap scrolltrigger functionality
  • Implementing gsap scrolltrigger features
  • Debugging gsap scrolltrigger related issues