overflow-anchor
La propriété overflow-anchor permet d'éviter, lors du défilement, que le navigateur ajuste la position afin de minimiser le déplacement du contenu.
Ce comportement est activé par défaut pour les navigateurs qui le prenne en charge. Aussi, cette propriété est uniquement nécessaire lorsque vous rencontrez des problèmes de défilement dans un document et que vous souhaitez désactiver ce comportement.
Syntaxe
css
/* Valeurs avec un mot-clé */
overflow-anchor: auto;
overflow-anchor: none;
/* Valeurs globales */
overflow-anchor: inherit;
overflow-anchor: initial;
overflow-anchor: unset;
Valeurs
auto-
L'élément peut devenir une ancre lorsque la position de défilement est ajustée.
none-
L'élément ne sera pas sélectionné comme ancre.
Définition formelle
| Valeur initiale | auto |
|---|---|
| Applicabilité | tous les éléments |
| Héritée | non |
| Valeur calculée | comme spécifié |
| Type d'animation | discrète |
Syntaxe formelle
overflow-anchor =
auto |
none
Exemples
Pour désactiver l'ancrage du défilement, on pourra utiliser cette propriété :
css
body {
overflow-anchor: none;
}
Spécifications
| Specification |
|---|
| CSS Scroll Anchoring Module Level 1 # exclusion-api |
Compatibilité des navigateurs
BCD tables only load in the browser