Résumé
La méthode scrollIntoView fait défiler la page pour rendre l'élément visible.
Syntaxe
element.scrollIntoView(alignWithTop);
-
alignWithTopFacultatif -
- 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 vautfalse, celui-ci sera aligné en bas. - Si aucun paramètre
alignWithTopn'est fourni, l'élément sera aligné en haut.
- est une valeur booléenne optionnelle qui, si elle vaut
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.