Propriété CSS overflow-anchor

La propriété overflow-anchor vous permet de désactiver l'ancrage du défilement (Scroll Anchoring), une fonctionnalité du navigateur qui ajuste la position de défilement pour minimiser les décalages de contenu.

L'ancrage du défilement est activé par défaut dans tous les navigateurs pris en charge.

Cette propriété possède deux valeurs : auto et none.

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

Syntaxe

CSS overflow-anchor

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

Vous pouvez insérer le code suivant contenant la propriété overflow-anchor dans votre code CSS :

Syntaxe CSS overflow-anchor

body {
  overflow-anchor: none;
}

Valeurs

Valeur	Description
auto	Ajuste la position de l'ancrage du défilement, faisant ainsi de l'élément un point d'ancrage.
none	Désactive l'ancrage du défilement, ce qui provoque un nouveau flux du contenu.
initial	Fait utiliser à la propriété sa valeur par défaut.
inherit	Hérite la propriété de son élément parent.

Pratique

Quelle est la fonction de la propriété CSS 'overflow-anchor' ?

Elle force le navigateur à activer ou désactiver l'ancrage du défilement.Elle modifie la couleur de la balise anchor.Elle aide à ajuster la mise en page en fonction de la taille de l'écran.Elle contrôle la position de défilement du navigateur pour éviter les sauts inattendus.Elle définit la forme d'un élément anchor.