Attribut overflow-anchor CSS

Définition et utilisation

overflow-anchor Cette propriété est utilisée pour désactiver l'ancrage de défilement (scroll anchoring).

L'ancrage de défilement est une fonctionnalité du navigateur qui empêche le déplacement de la zone déjà défilée dans la vue portative lors du chargement de nouveaux contenus. Cela devient souvent un problème lorsque la connexion réseau est lente, c'est-à-dire lorsque l'utilisateur fait défiler vers le bas avant que la page ne soit complètement chargée et commence à lire.

Exemple

Désactiver l'ancrage de défilement :

div {
  overflow-anchor: none;
}

Essayez-le vous-même

Syntaxe CSS

overflow-anchor: auto|none|initial|inherit;

Valeur de l'attribut

Valeur Description
auto Valeur par défaut. Activez l'ancrage de défilement.
none Désactive l'ancrage de défilement.
initial Récupère la valeur par défaut de cette propriété. Voir initial.
inherit Inherits this property from its parent element. Voir inherit.

Détails techniques

Valeur par défaut : auto
Héritabilité : Non
Création d'animation : Non pris en charge. Voir :Propriétés liées aux animations.
Version : CSS3
Syntaxe JavaScript : object.style.overflowAnchor="none"

Prise en charge du navigateur

Les nombres dans le tableau représentent la version du navigateur qui prend en charge cette propriété pour la première fois.

Chrome Edge Firefox Safari Opéra
56.0 79.0 66.0 Non pris en charge 43.0

Pages associées

Tutoriel :Débordement CSS

Référence :Attribut overflow CSS