Propriété CSS overflow-anchor

❮ Précédent Suivant ❯

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


56.0+	✕	66.0+	✕	43.0+

Pratiquez vos connaissances

Qu'est-ce que la propriété 'overflow-anchor' en CSS?

C'est une propriété qui permet de contrôler le défilement automatique dans un élément.

C'est une propriété qui gère la dimension d'un élément.

C'est une propriété qui ajuste la visibilité du contenu en excès dans un élément.

Elle peut être utilisée pour prévenir les sauts de défilement lorsqu'on ajoute du nouveau contenu à un élément.