Méthode HTML DOM Element scrollIntoView()

Définition et utilisation

scrollIntoView() La méthode déplace l'élément dans la zone visible de la fenêtre du navigateur.

Exemple

Exemple 1

Défiler l'élément whose id est "content" dans la zone visible de la fenêtre du navigateur :

const element = document.getElementById("content");
element.scrollIntoView();

Essayez-le vous-même

Exemple 2

Défiler à la partie supérieure ou inférieure de l'élément :

const element = document.getElementById("content");
function scrollToTop() {
  element.scrollIntoView(true);
}
function scrollToBottom() {
  element.scrollIntoView(false);
}

Essayez-le vous-même

Syntaxe

element.scrollIntoView(align)

Paramètres

Paramètres Description
align

Optionnel. Indique la valeur de type d'alignement booléen :

  • true - Le sommet de l'élément sera aligné avec le sommet de la zone visible du parent défilable
  • false - Le bas de l'élément sera aligné avec le bas de la zone visible du parent défilable

Si omis, il défilera jusqu'au sommet de l'élément.

Attention :Selon l'agencement d'autres éléments, certains éléments peuvent ne pas être complètement défilés jusqu'au sommet ou au bas.

Valeur de retour

Aucun.

Le navigateur prend en charge

Tous les navigateurs prennent en charge element.scrollIntoView()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support 9-11 Support Support Support Support