Made in Webflow

Inertia / Momentum Scrolling

site profile thumbnail


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.

We miss comments too!

Right now, Made in Webflow doesn't offer all of the same functionality that Showcase did, like the ability to leave comments. But don't worry: We're working to bring comments back as soon as possible!

As always, we'd love to hear your feedback! Click the link below to take a short survey about Made in Webflow.


More by CJ Hersh

See profile
View details
Webflow Sticky Sections