Propriété scrollTop du DOM HTML

Objet Element HTML DOM

scrollTopLa propriété permet de définir ou de retourner le nombre de pixels de défilement vertical du contenu de l'élément.

La valeur scrollTop de l'élément est la mesure de la distance entre le haut de l'élément et le contenu visible le plus haut. Lorsque le contenu de l'élément ne génère pas de barre de défilement verticale, la valeur scrollTop est 0.

UtiliserscrollLeftLa propriété permet de définir ou de retourner le nombre de pixels de défilement horizontal (à gauche) du contenu de l'élément.

Syntaxe :

Retourner la propriété scrollTop :

element.scrollTop

Définir la propriété scrollTop :

element.scrollTop = pixels

var elem = document.getElementById("container");
var x = elem.scrollLeft;
var y = elem.scrollTop;

Compatibilité du navigateur

Tous les navigateurs prennent en charge intégralement la propriété scrollTop :

Valeur de l'attribut

Détails techniques

Plus d'exemples

Contenu du DIV déroulé verticalement50px :

document.getElementById('container').scrollTop　+=　50;

Contenu du BODY déroulé verticalement100 pixels :

var body = document.body;//　Pour Safari
var html = document.documentElement;　//　Chrome, Firefox, IE et Opera
　　　
body.scrollTop　+=　100;
html.scrollTop　+=　100;

Références connexes

Référence HTML DOMPropriété scrollLeft

Objet Element HTML DOM