English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Méthode scrollIntoView() du DOM HTML

Objet Element HTML DOM

scrollIntoView()La méthode fait défiler l'élément appelant jusqu'à la zone visible de la fenêtre du navigateur.

Remarque :Selon l'agencement d'autres éléments, l'élément peut ne pas pouvoir être fait défiler complètement jusqu'au sommet ou au bas.

Syntaxe :

element.scrollIntoView(alignToTop)
var elem = document.getElementById("box");
elem.scrollIntoView();
Testez et voyez‹/›

Compatibilité du navigateur

Les nombres dans le tableau indiquent la version du navigateur qui prend en charge complètement la méthode scrollIntoView() :

Méthode
scrollIntoView()283.5385.18

Valeur du paramètre

ParamètresDescription
alignToTopValeur booléenne optionnelle indiquant le type d'alignement :

true-Le haut de l'élément sera aligné avec le haut de la zone visible du prédécesseur défilable

false-Le bas de l'élément sera aligné avec le bas de la zone visible du prédécesseur défilable.

Si elle est omise, il défilera à la partie supérieure de l'élément.

Remarque :Selon l'agencement d'autres éléments, certains éléments peuvent ne pas pouvoir être fait défiler complètement au sommet ou en bas.

Détails techniques

Valeur de retour :Non
Version DOM :Modèle objet CSS (CSSOM)

Plus d'exemples

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

var elem = document.getElementById("box");
function scrollToTop() {
   elem.scrollIntoView(true);
}
function scrollToBottom() {
   elem.scrollIntoView(false);
}
Testez et voyez‹/›

Objet Element HTML DOM