overflow-anchor
Limited availability
Cette fonctionnalité n'est pas Compatible car elle ne fonctionne pas dans certains des navigateurs les plus utilisés.
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
Chargement…