Propriété scrollLeft du HTML DOM

Objet Element HTML DOM

scrollLeftLa propriété peut définir ou retourner le nombre de pixels que le contenu de l'élément a déplacé vers la gauche (dans le sens horizontal).

Remarque :Si l'élémentdirection (direction)EstrtlSi vous glissez à partir de la droite vers la gauche, alors lorsque la barre de défilement est à sa position la plus à droite (au début du contenu défilable), scrollLeft vaut0et ensuite, en glissant vers la fin du contenu, scrollLeft deviendra négatif progressivement.

UtilisezscrollTopLa propriété peut définir ou retourner le nombre de pixels du contenu de l'élément qui a été déplacé vers le haut.

Syntaxe :

Retourner la propriété scrollLeft :

element.scrollLeft

Définir la propriété scrollLeft :

element.scrollLeft = 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é scrollLeft :

Valeur de l'attribut

Détails techniques

Plus d'exemples

Déplacez le contenu horizontal du DIV20 pixels :

document.getElementById('container').scrollLeft　+=　20;

Déplacez le contenu horizontal du BODY100 pixels :

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

Références associées

Référence HTML DOMPropriété scrollTop

Objet Element HTML DOM