HTML DOM scrollLeft Property
Voorbeeld
Kry die aantal pixels wat die inhoud van 'n <div>-element horisontaal en vertikaal gerol word:
var elmnt = document.getElementById("myDIV");
var x = elmnt.scrollLeft;
var y = elmnt.scrollTop;
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die scrollLeft-eienskap stel of gee die aantal pixels wat 'n element se inhoud horisontaal gerol word, terug.
Wenk: Gebruik die scrollTop- eienskap om die aantal pixels te stel of terug te gee wat 'n element se inhoud vertikaal gerol word.
Wenk: Gebruik die CSS -oorloop- eienskap om rolbalke by 'n element te voeg.
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
scrollLeft | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Keer die scrollLeft-eienskap terug:
element.scrollLeft
Stel die scrollLeft-eienskap:
element.scrollLeft = pixels
Eiendomswaardes
Value | Description |
---|---|
pixels |
Specifies the number of pixels the element's content is scrolled horizontally. Special notes:
|
Tegniese besonderhede
Terugkeerwaarde: | 'n Getal, wat die aantal pixels verteenwoordig wat die element se inhoud horisontaal gerol is |
---|
Meer voorbeelde
Voorbeeld
Rollees die inhoud van 'n <div>-element TOT 50 pixels horisontaal en 10 pixels vertikaal:
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft = 50;
elmnt.scrollTop = 10;
Voorbeeld
Rollees die inhoud van 'n <div>-element MET 50 piksels horisontaal en 10 piksels vertikaal:
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft += 50;
elmnt.scrollTop += 10;
Voorbeeld
Rollees die inhoud van <body> met 30 pixels horisontaal en 10 pixels vertikaal:
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;