La méthodeElement.scrollIntoView() fait défiler la page de manière à rendre l'élément visible.

Syntaxe

element.scrollIntoView();element.scrollIntoView(alignToTop); // Paramètre booléenelement.scrollIntoView(scrollIntoViewOptions); // Paramètre d'objet

Paramètres

alignToTopFacultatif

est une valeurBoolean optionnelle qui :

• si elle vauttrue (vrai), aligne l'élément avec le haut de la zone visible de l'ancêtre défilable. Correspond àscrollIntoViewOptions: {block: "start", inline: "nearest"}. C'est la valeur par défaut.
• Si elle vautfalse (faux), celui-ci sera aligné en bas de la zone visible de l'ancêtre défilable. Correspond àscrollIntoViewOptions: {block: "end", inline: "nearest"}.

scrollIntoViewOptionsFacultatifExpérimental

Est un objet qui a les propriétés suivantes :

behaviorFacultatif

Définit l'animation de transition qui peut être"auto","instant" ou"smooth". Par défaut :"auto".

blockFacultatif

L'une des options"start","center","end" ou"nearest". Par défaut :"start".

inlineFacultatif

L'une des options"start","center","end" ou"nearest". Par défaut :"nearest".

Exemple

var element = document.getElementById("box");element.scrollIntoView();element.scrollIntoView(false);element.scrollIntoView({ block: "end" });element.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });

Notes

L'élément peut ne pas être aligné complètement avec le haut ou le bas, selon la disposition des autres éléments.

Spécifications

Compatibilité des navigateurs

Voir aussi

• Element.scrollIntoViewIfNeeded()Non standard