Ancre & Scroll
Ancre & Scroll

⁠
`Loading www.youtube.com`⁠
⁠

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é.

Une question ? (FAQ)⁠

⁠

<style>

/* Décalage d’une ancre lors du scroll */

.classe {

scroll-margin-top: 80px;

}

</style>

⁠

Caniuse⁠

: 4.8/5 -

Documentation⁠

⁠

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

Une question ? (FAQ)⁠

⁠