Framer propose un composant pour ajouter facilement un scroll fluide sur l'ensemble de votre site.
Une solution prête à l’emploi
Il s’agit d’un composant développé par Framer University, basé sur Lenis, que l’on peut simplement copier-coller dans son projet, à la racine de chaque page.
Une fois ajouté, il permet d’appliquer un effet de scroll fluide sur toute la page, avec un rendu beaucoup plus doux que le scroll par défaut.
1. Ajouter le composant
Il suffit de se rendre sur la page du composant et de cliquer sur "Copy component" puis de le coller sur son projet. Ensuite glisser simplement le composant dans la page. S'assurer que le component est bien à la racine du device (layer Desktop).
2. Ajuster l’intensité
Dans les propriétés du composant, tu peux régler l’intensité du scroll. Cela permet d’obtenir un effet plus ou moins “lisse” selon le rendu souhaité.
Le composant doit être ajouté sur chaque page, et non pas intégré dans un template global, car cela peut perturber certaines interactions, notamment les transitions entre pages.