LoginGet started β€” it’s free
Made in Webflow

Minimal Smooth and Drag Scroll βŸ‹ lib

1884 views
site profile thumbnail

Description

Revising my boilerplate, needed a scroll so made one. Smooth Scroll + Mouse Drag Scroll (optional), in less than 200 lines of vanilla JS. Completely configured by data-attributes for wf. You can control the scrolling element (data-scroll), a factor for scroll speed (data-factor="{number}" and if mouse dragging is supported (data-mouse="true/false"). It's also webGl ready and supports speed, but for that you'll want to fork the sandbox here (https://codesandbox.io/s/smooth-scroll-2qfif). (!) Definitely not tested throughly, so use it at your own risk. (:) Would love feedbacks on breaking cases and strange behaviours. -- I'm currently working on an actual one that also solves a couple of webflow problems regarding position sticky and while scrolling animations but that's not happening anytime soon. I'll post on twitter when (and if) it's to a publishable state. This one does not. But position sticky is horrible anyway. πŸ‘€
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.
smoothscrollsmoothscrollbardragsmoothscrollscrolleffects

More by Federico

See profile
View details
Webgl Image Transition Slider βŸ‹ webgl
68
201
Β© 2022 Webflow, Inc. All rights reserved.