Propriété CSS overflow-anchor

La propriété overflow-anchor permet de désactiver Scroll Anchoring, une fonctionnalité du navigateur qui ajoute une position de défilement pour minimiser les déplacements de contenu.

Scroll Anchoring est activée par défaut sur n'importe quel navigateur supporté.

Cette propriété a deux valeurs: auto et none.

Valeur initiale auto
Appliquée à Tous les éléments.
Héritée Non.
Animable No.
Version CSS Scroll Anchoring Module Level 1
Syntaxe DOM object.style.overflowAnchor = "none";

Syntaxe

overflow-anchor: auto | none | initial | inherit;

Exemple

body {
overflow-anchor: none;
}

Valeurs

Valeur Description
auto Position d'ancrage de défilement ajustée rendant ainsi un élément une ancre.
none D'ancrage de défilement désactivé rendant le contenu reflow.
initial Fait utiliser la valeur initiale.
inherit Hérite la propriété de son élément parent.

Support de Navigateurs

chrome edge firefox safari opera
56.0+ 66.0+ 43.0+

Pratiquez vos connaissances

Qu'est-ce que la propriété 'overflow-anchor' en CSS?
Trouvez-vous cela utile?