Smooth Scrolling On Webflow Using Luxy
cr: Flowbase
Sometimes you'll want smooth scrolling on a page, which is perfect to give a feel of luxury and well - smoothness. So this is how to create a smooth scrolling effect on Webflow with a little custom code.
Paste the code below into project settings. And then apply ID luxy to the main page wrapper that contains all the sections, divs and components.
Play around with the scroll speed by tweaking the <li-powerful>.wrapperSpeed<li-powerful>. Once you've tweaked the speed, you can publish to see it working live.
Webflow - Code to the Rescue
The Webflow Library for custom code snippets that unlocks powerful possibilities in Webflow. Includes hand-picked and tested custom code that you can use in Webflow Projects.
Need further help?
Need further help in understanding the resources or how to implement them? Feel free to reach out
About Ali Saeed
Ali Saeed is a Kuwait-based web designer and Webflow developer who has been working as a graphic designer for 4 years, building social brands, company profiles, and presentations. He recently jumped into web design and development. As a web designer, Ali focuses on clarity in design layout and messaging strategy. In his free time, he loves to help the web community, solve problems, and build resources for web designers who want to optimize their websites using Webflow.
Send an email if you'd like to collaborate :)
View his portfolio website