Propriété HTML DOM scrollLeft
Exemple
Obtenez le nombre de pixels de défilement horizontal et vertical du contenu d'un élément <div> :
var elmnt = document.getElementById("myDIV");
var x = elmnt.scrollLeft;
var y = elmnt.scrollTop;
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La propriété scrollLeft définit ou renvoie le nombre de pixels de défilement horizontal du contenu d'un élément.
Conseil : utilisez la propriété scrollTop pour définir ou renvoyer le nombre de pixels de défilement vertical du contenu d'un élément.
Astuce : Pour ajouter des barres de défilement à un élément, utilisez la propriété CSS overflow .
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
scrollLeft | Yes | Yes | Yes | Yes | Yes |
Syntaxe
Renvoyez la propriété scrollLeft :
element.scrollLeft
Définissez la propriété scrollLeft :
element.scrollLeft = pixels
Valeurs de propriété
Value | Description |
---|---|
pixels |
Specifies the number of pixels the element's content is scrolled horizontally. Special notes:
|
Détails techniques
Valeur de retour : | Un nombre, représentant le nombre de pixels de défilement horizontal du contenu de l'élément |
---|
Plus d'exemples
Exemple
Faites défiler le contenu d'un élément <div> jusqu'à 50 pixels horizontalement et 10 pixels verticalement :
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft = 50;
elmnt.scrollTop = 10;
Exemple
Faites défiler le contenu d'un élément <div> de 50 pixels horizontalement et de 10 pixels verticalement :
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft += 50;
elmnt.scrollTop += 10;
Exemple
Faites défiler le contenu de <body> de 30 pixels horizontalement et de 10 pixels verticalement :
var body = document.body; // Safari
var html = document.documentElement; //
Chrome, Firefox, IE and Opera places the overflow at the <html> level, unless else is specified. Therefore, we use the
documentElement property for these browsers
body.scrollLeft += 30;
body.scrollTop += 10;
html.scrollLeft += 30;
html.scrollTop += 10;