Add smooth scroll to webflow website

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/
‍

1. 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">  
var isMobile = /iPhone|iPad|Android/i.test(navigator.userAgent);
if (!isMobile) {
     luxy.init({
       wrapper: '#luxy',
       wrapperSpeed: 0.065,
     
   });
}
</script>

‍

‍

‍

2. Add a div-block to wrap the entire page.

‍

2. Give that div an ID of luxy

‍

‍

‍

‍