Propriété Style scrollBehavior

Définition et utilisation

scrollBehavior L'attribut spécifie s'il y a un effet d'animation fluide lors du défilement à la position cliquée dans la boîte de défilement, plutôt qu'un saut direct.

Voir également :

Manuel de référence CSS :Attribut scroll-behavior

Exemple

Ajoutez un effet de défilement fluide à la page :

document.documentElement.style.scrollBehavior = "smooth";

Essayez-le vous-même

Syntaxe

object.style.scrollBehavior = "auto|smooth|initial|inherit"

Valeur de l'attribut

Valeur Description
auto Par défaut. Permet un saut direct entre les éléments à l'intérieur de la boîte de défilement.
smooth Effet de défilement permettant une animation fluide entre les éléments à l'intérieur de la boîte de défilement.
initial Cette propriété est définie sur sa valeur par défaut. Voir également initial.
inherit Cette propriété est héritée de l'élément parent. Voir également inherit.

Support du navigateur

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
61.0 79.0 36.0 14.0 48.0