Learn how to add smooth scrolling to your webflow site, for a modern intertia type effect.
Luxy.js is a popular inertia (a.k.a momentum) scroll effect that causes your websites scrolling to gradually slow to a stop as opposed to stopping immediately. This can be used to make your sites scrolling experience feel smoother, but is very much a stylized effect that shouldn't be overused.
To add this into your project, follow the simple steps and add the custom code into your project or page settings.
Firstly, you will want to add the script to your page, or project settings. You can add this into the before </body> section of your code section.
Add a div-block to your page and this will be used to wrap all our page elements.
Add the #ID luxy to your main page wrapper. All elements inside the wrapper will have this smooth scroll effect.