Marketplace
Made in Webflow

Minimal Smooth and Drag Scroll āŸ‹ lib

2699 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.

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.

smoothscrollsmoothscrollbardragsmoothscrollscrolleffects

More by Federico

See profile
View details
Webgl Image Transition Slider āŸ‹ webgl
82
221