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

/* 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

Syntaxe formelle

overflow-anchor = 
 auto | 
 none 

Exemples

Pour désactiver l'ancrage du défilement, on pourra utiliser cette propriété :

body {
 overflow-anchor: none;
}

Spécifications

Compatibilité des navigateurs

Voir aussi

• Guide sur l'ancrage du défilement (scroll anchoring)