Vos résultats de recherche

    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

    Étiquettes : 
     Contributeurs à cette page : fscholz, teoli, khalid32, ethertank, Mgjbot, BenoitL
     Dernière mise à jour par : khalid32,