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.

Syntaxe formelle

auto | none

Exemples

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

body {
  overflow-anchor: none;
}

Spécifications

Spécification État Commentaires
CSS Scroll Anchoring Module Level 1
La définition de 'overflow-anchor' dans cette spécification.
Brouillon de l'éditeur Définition initiale.

Valeur initialeauto
Applicabilitétous les éléments
Héritéenon
Valeur calculéecomme spécifié
Type d'animationdiscrète

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi