HTML DOM scrollLeft-Eigenschaft

HTML DOM Element-Objekt

scrollLeftDas Attribut kann den Pixelwert einstellen oder zurückgeben, um den Inhalt des Elements (horizontal) nach links zu rollen.

Hinweis:Wenn das Attribut des Elementsdirection(richtung)Jartl(von rechts nach links), dann ist scrollLeft0und rollen Sie dann zum Ende des Inhalts, wird scrollLeft negativ.

VerwendenscrollTopDas Attribut kann den Pixelwert einstellen oder zurückgeben, um den Inhalt des Elements (vertikal) nach oben zu rollen.

Syntax:

scrollLeft-Eigenschaft zurückgeben:

element.scrollLeft

scrollLeft-Eigenschaft festlegen:

element.scrollLeft = pixels

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

Browser-Kompatibilität

Alle Browser unterstützen vollständig die scrollLeft-Eigenschaft:

Attributswert

Technische Details

Mehr Beispiele

Verschieben Sie den Inhalt von DIV horizontal20 Pixel:

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

Verschieben Sie den Inhalt von BODY horizontal100 Pixel:

var body = document.body;//　Für Safari
var html = document.documentElement;　//　Chrome, Firefox, IE und Opera
　　　
body.scrollLeft　+=　100;
html.scrollLeft　+=　100;

Verwandte Referenzen

HTML DOM Referenz:scrollTop-Attribute

HTML DOM Element-Objekt