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
56.0+ | ✕ | 66.0+ | ✕ | 43.0+ |
Pratiquez vos connaissances
Qu'est-ce que la propriété 'overflow-anchor' en CSS?
Correcte!
Incorrecte!