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>










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

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.