Vlastnost HTML DOM scrollLeft
Příklad
Získejte počet pixelů, v nichž se obsah prvku <div> posouvá vodorovně a svisle:
var elmnt = document.getElementById("myDIV");
var x = elmnt.scrollLeft;
var y = elmnt.scrollTop;
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Vlastnost scrollLeft nastavuje nebo vrací počet pixelů, v nichž se obsah prvku posouvá vodorovně.
Tip: Pomocí vlastnosti scrollTop nastavte nebo vraťte počet pixelů, v nichž se obsah prvku posouvá svisle.
Tip: Chcete-li k prvku přidat posuvníky, použijte vlastnost CSS overflow .
Podpora prohlížeče
Property | |||||
---|---|---|---|---|---|
scrollLeft | Yes | Yes | Yes | Yes | Yes |
Syntax
Vraťte vlastnost scrollLeft:
element.scrollLeft
Nastavte vlastnost scrollLeft:
element.scrollLeft = pixels
Hodnoty vlastností
Value | Description |
---|---|
pixels |
Specifies the number of pixels the element's content is scrolled horizontally. Special notes:
|
Technické údaje
Návratová hodnota: | Číslo představující počet pixelů, o které byl obsah prvku vodorovně rolován |
---|
Další příklady
Příklad
Posuňte obsah prvku <div> NA 50 pixelů vodorovně a 10 pixelů svisle:
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft = 50;
elmnt.scrollTop = 10;
Příklad
Posuňte obsah prvku <div> O 50 pixelů vodorovně a 10 pixelů svisle:
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft += 50;
elmnt.scrollTop += 10;
Příklad
Posuňte obsah <body> o 30 pixelů vodorovně a 10 pixelů svisle:
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;