Ancre & Scroll


Décalage d’une ancre lors du scroll
Objectif
Ajouter une margin-top lors sur scroll vers une ancre (#section-product) sans affecter le contenu autour de l’élément. Généralement utilisé pour ne pas que la navigation morde sur une section.
👉 Intégrez le code suivant dans la partie Head Code de votre projet Webflow ou dans un embed placé avant le contenu modifié.
<style>
/* Décalage d’une ancre lors du scroll */
.classe {
scroll-margin-top: 80px;
}
</style>
: 4.8/5 -





Mofifier la rapidité du scroll vers une ancre
Objectif
Ajouter une margin-top lors sur scroll vers une ancre (#section-product) sans affecter le contenu autour de l’élément. Généralement utilisé pour ne pas que la navigation morde sur une section.
👉 Ajoutez un data-atribut à votre élément / ancre
Webflow > Designer > Cliquer sur l'élément > Element Settings (D) > Custom Atributs > + >
Name : data-scroll-time
Value : 0.25
Butter slider

Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.