Guide / Article

How to add smooth scroll to webflow website

Flowbase
October 30, 2020
How to add smooth scroll to webflow website

Webflow Smooth Scroll (luxy.js)

Ajoutez le populaire effet de défilement interia à vos propres projets de webflow.

Ce guide utilise luxy.js - et vous pouvez en savoir plus à ce sujet ici

. https://min30327.
github.io/luxy.js/

Veuillez noter que le Luxy n'est pas super efficace avec un positionnement avancé tel que des éléments collants.

Add Luxy Script

Tout d'abord, vous devez ajouter le script suivant à la section du code personnalisé de votre page ou des paramètres du projet.



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.

Give that div an ID of luxy

Flowbase
October 30, 2020

Recieve webflow resources directly to your mailbox.

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

OTHER GUIDES & LESSONS

Boost your webflow site further.