element.scrollIntoView

Résumé

La méthode scrollIntoView fait défiler la page pour rendre l'élément visible.

Syntaxe

element.scrollIntoView(alignWithTop);
alignWithTop Facultatif
  • est une valeur booléenne optionnelle qui, si elle vaut true, aligne l'élément avec le haut de la zone de défilement. Si elle vaut false, celui-ci sera aligné en bas.
  • Si aucun paramètre alignWithTop n'est fourni, l'élément sera aligné en haut.

Exemple

<!DOCTYPE html>
<html>
<head>
<title>Exemple de scrollIntoView()</title>

<script>
function showIt(elID) {
    var el = document.getElementById(elID);
    el.scrollIntoView(true);
}
</script>

</head>
<body>
  <div style="height: 5em; width: 30em; overflow: scroll;
              border: 1px solid blue;">
    <div style="height: 100px"></div>
    <p id="pToShow">Le paragraphe à afficher</p>
    <div style="height: 100px"></div>
  </div>
  <input type="button" value="Afficher le paragraphe" 
   onclick="showIt('pToShow');">
</body>
</html>

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écification

DOM Level 0. Ne fait partie d'aucune spécification.

Étiquettes et contributeurs liés au document

Contributeurs ayant participé à cette page : BenoitL, ethertank, Mgjbot
Dernière mise à jour par : ethertank,