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 initialeauto
Applicabilitétous les éléments
Héritéenon
Valeur calculéecomme spécifié
Type d'animationdiscrè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

Voir aussi