← The shelfSmooth scroll

WBL effects shelf · batch 3 (GSAP) · #11

Smooth scroll

The whole page glides on with momentum after you stop scrolling, and photos drift at slightly different speeds.

✕ Breaks rule: scroll-jacking It replaces the browser's own scrolling, so the page no longer moves with your finger or wheel. It stutters on mid-range Android phones, fixed headers and call bars need rewiring, and it adds 52 KB of script before scrolling feels right.

Best for: Agency portfolios and luxury brands on desktop. Not call-first local businesses.
How: ScrollSmoother wraps the page (wrapper + content), smooth 1.4 s, data-speed on photos for the drift. Reduced motion or no JS: normal scrolling.
Weight: 1.0 KB gzipped (our CSS + JS) + GSAP from jsDelivr: GSAP core 28.3 + ScrollTrigger 18 + ScrollSmoother 5.5 KB gzipped. Plugins: ScrollTrigger, ScrollSmoother.
Page-level effect: it takes over the whole page, so it runs inside the phone frame below (open it full screen to try it at full size).

Full screen ↗

← The shelf