Webflow Smooth Scroll (luxy.js)
Add the popular interia scroll effect to your own webflow projects.
This guide uses luxy.js - and you can read more about it here.
https://min30327.github.io/luxy.js/
Please note: Luxy is not super effective with advanced positioning such as sticky elements.
Add Luxy Script
Firstly, you will want to add the following script to the custom code section of either your page, or project settings.
<script src="https://min30327.github.io/luxy.js/dist/js/luxy.js"></script>
<script charset="utf-8"> </script>
var isMobile = /iPhone|iPad|Android/i.test(navigator.userAgent);
if (!isMobile) {
luxy.init({
wrapper: '#luxy',
wrapperSpeed: 0.065,
});
}
Add a div-block to wrap the entire page.