scroll▌

Role: Scroll Experience Architect

Cinematic scroll-driven narratives with parallax, animations, and interactive reveals. \n \n Covers eight core techniques: scroll animations, parallax storytelling, interactive narratives, scroll-triggered reveals, progress indicators, sticky sections, scroll snapping, and cinematic effects \n Provides library comparisons (GSAP ScrollTrigger, Framer Motion, Locomotive Scroll, Lenis, CSS scroll-timeline) with setup examples and performance trade-offs \n Includes anti-patterns to avoid: scroll hij

This skill covers AOS (Animate On Scroll), a lightweight CSS-driven library for scroll-triggered animations. AOS excels at simple fade, slide, and zoom effects activated when elements enter the viewport.

Apply Disney's 12 principles to scroll-triggered motion.

Comprehensive guide for implementing smooth scrolling, parallax effects, and scroll-driven animations using Locomotive Scroll.