Neueste Web-Entwicklung Tutorials
 

HTML DOM scrollLeft Propery

<Element Object

Beispiel

Erhalten der Anzahl der Pixel der Inhalt eines <div> Element ist horizontal und vertikal gescrollt:

var elmnt = document.getElementById("myDIV");
var x = elmnt.scrollLeft;
var y = elmnt.scrollTop;
Versuch es selber "

Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.

Definition und Verwendung

Die scrollleft Eigenschaftssätze oder gibt die Anzahl der Pixel Inhalt eines Elements horizontal gescrollt wird.

Tipp: Verwenden Sie die scrollTop Eigenschaft festlegen oder die Anzahl der Pixel eines Elements zurück Inhalt vertikal gescrollt wird.

Tipp: Um die Bildlaufleisten zu einem Elemente hinzuzufügen, die CSS - Überlauf - Eigenschaft.

Browser-Unterstützung

Eigentum
scrollLeft Ja Ja Ja Ja Ja

Syntax

Bringen Sie die scrollleft Eigenschaft:

element .scrollLeft

Stellen Sie die Eigenschaft scrollleft:

element .scrollLeft= pixels

Eigenschaftswerte

Wert Beschreibung
pixels Gibt die Anzahl der Pixel Inhalt des Elements horizontal gescrollt wird.

Besondere Hinweise:
  • Wenn die Zahl einen negativen Wert ist, wird die Zahl zu setzen "0"
  • Wenn das Element nicht gescrollt werden kann, wird die Zahl zu setzen "0"
  • Wenn die Anzahl größer ist als der maximal zulässige scroll Betrag, wird die Anzahl der maximalen Anzahl eingestellt

Technische Details

Rückgabewert: Eine Zahl, die die Anzahl der Pixel, die den Inhalt des Elements wurde horizontal gescrollt worden
Beispiele

Mehr Beispiele

Beispiel

Blättern , den Inhalt eines <div> Element 50 Pixel horizontal und 10 Pixel vertikal:

var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft = 50;
elmnt.scrollTop = 10;
Versuch es selber "

Beispiel

Blättern , den Inhalt eines <div> Element durch 50 Pixel horizontal und 10 Pixel vertikal:

var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft += 50;
elmnt.scrollTop += 10;
Versuch es selber "

Beispiel

Blättern , den Inhalt von <body> um 30 Pixel horizontal und 10 Pixel vertikal:

var body = document.body; // For Chrome, Safari and Opera
var html = document.documentElement; // Firefox and IE places the overflow at the <html> level, unless else is specified. Therefore, we use the documentElement property for these two browsers
body.scrollLeft += 30;
body.scrollTop += 10;
html.scrollLeft += 30;
html.scrollTop += 10;
Versuch es selber "

<Element Object