Retour au blog

Comment ajouter un défilement fluide à un site Webflow ?

Apprenez comment ajouter un défilement fluide à votre site webflow, pour un effet moderne de type intertia.

Aperçu 📚

Luxy.js est un effet de défilement par inertie (aussi appelé "momentum") très répandu qui ralentit progressivement le défilement de votre site Web pour l'arrêter au lieu de l'arrêter immédiatement. Cet effet peut être utilisé pour rendre le défilement de votre site plus fluide, mais il s'agit d'un effet stylisé qui ne doit pas être surutilisé.

Pour l'ajouter à votre projet, suivez les étapes simples et ajoutez le code personnalisé dans les paramètres de votre projet ou de votre page.

{{ Template "gist" "text:Before </body> tag" "id:904096d55fdc9f00fa5cd2ce47a6045a" }}

Instructions ✍️

1. Ajoutez le code personnalisé dans les paramètres de votre page.

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.

2. Ajoutez un bloc div qui englobe tous les éléments de votre page.

Ajoutez un bloc div à votre page, qui sera utilisé pour envelopper tous les éléments de la page.


3. Assurez-vous que le div-block a le #ID 'luxy'.

Ajoutez le #ID luxy au wrapper de votre page principale. Tous les éléments situés à l'intérieur du wrapper auront cet effet de défilement fluide.

AUTRES GUIDES ET LEÇONS

Boostez votre site webflow davantage.

Rejoignez dès aujourd'hui plus de 30 000créateurs sur
.

Inscrivez-vous à notre liste de diffusion pour recevoir des mises à jour occasionnelles, des produits et des informations.

Merci ! Votre soumission a été reçue !
Oups ! Quelque chose s'est mal passé lors de la soumission du formulaire.
Rejoignez plus de 30 000 autres créateurs dans nos communautés.