Scroll-driven pinning
An element stays fixed on screen while the rest of the page scrolls past — usually while an animation plays.
What you're seeing
A section locks on screen as you scroll — content animates inside it — then releases.
Where you'll see it
Product feature sections, storytelling sequences.
Difficulty
Medium — 3/5
Libraries that build it
GSAP ScrollTrigger
From the toolbox
Ready to prompt — paste this into your AI coding tool
"Pin the section for [scrollLength]px using GSAP ScrollTrigger pin:true, animate child elements during the pin window"