gsap-scrolltrigger

You can create scroll-linked animations by binding GSAP transitions to scrollbar input. This Skill leverages the ScrollTrigger API to trigger animations and transitions based on scroll position.

A parallax effect creates depth by moving background and foreground elements at different speeds during scrolling. Scrubbing links animation progress directly to scroll position, allowing animated sequences to follow the user's scrolling input smoothly.

Yes, you need GSAP installed. This Skill requires both the GSAP core library and the ScrollTrigger plugin to be loaded and registered in your web project before you can implement pinning and scroll-linked animations.

Yes, you can pin elements to create fixed sections during scrolling. The Skill uses GSAP ScrollTrigger to handle user interaction with scrollable content, pinning elements and scrubbing animated sequences based on the current scroll position.

The best way to start is using the GSAP ScrollTrigger API with a simple command targeting an element. You can define start and end points like "top center" to synchronize animations with scroll progress.

Scroll-linked animations fail if GSAP and ScrollTrigger are not properly loaded and registered. Ensure the GSAP dependency is installed and the ScrollTrigger plugin is registered before defining scrollTrigger properties in your animation logic.