Marketplace
Made in Webflow

Inertia / Momentum Scrolling

10070 views
site profile thumbnail

Description

Comparing 6 different approaches to achieving momentum / inertia scrolling. Version 1: SmoothScrolling.JS Version 2: Luxy.JS Version 3: Rolly.JS Version 4: Tweenmax.JS (Greensock) Version 5: Vanilla JS (A) Version 6: Vanilla JS (B) *Make sure you preserve the native scrollbar (ie don't use virtual scroll option) when project contains IX2 scroll-based interactions. *These are proof of concepts that may need further tweaking/optimizing (especially for mobile browsers). In addition, they override native scrolling behavior which can result in unintended consequences - especially on older browsers.
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.
tweenmaxgsapgreensock

More by CJ Hersh

See profile
View details
Webflow Sticky Sections
763
2.9k