overflow-anchor
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
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
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