Guide / Article

How to add smooth scroll to webflow website

January 28, 2021
How to 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.

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

Add a div-block to wrap the entire page.

Give that div an ID of luxy

January 28, 2021

Recieve webflow resources directly to your mailbox.

Sign up to get weekly insights & inspiration in your inbox.


Boost your webflow site further.