HTML DOM Element scrollLeft-Eigenschaft

Definition und Verwendung

scrollLeft Eigenschaft setzen oder Rückgabe der Pixelzahl der horizontalen Scrollbewegung des Elementsinhalts.

Siehe auch:

scrollTop-Attribut

CSS overflow-Eigenschaft

onscroll-Ereignis

Beispiel

Beispiel 1

Erhalten Sie die Pixelzahl der horizontalen und vertikalen Scrollbewegung des Inhalts von "myDIV":

const element = document.getElementById("myDIV");
let x = elmnt.scrollLeft;
let y = elmnt.scrollTop;

Probieren Sie es selbst aus

Beispiel 2

Scrollen Sie den Inhalt von "myDIV" horizontal auf 50 Pixel und vertikal auf 10 Pixel:

const element = document.getElementById("myDIV");
element.scrollLeft = 50;
element.scrollTop = 10;

Probieren Sie es selbst aus

Beispiel 3

Scrollen Sie den Inhalt von "myDIV" horizontal um 50 Pixel und vertikal um 10 Pixel:

const element = document.getElementById("myDIV");
element.scrollLeft += 50;
element.scrollTop += 10;

Probieren Sie es selbst aus

Beispiel 4

Scrollen Sie den Inhalt von <body> horizontal um 30 Pixel und vertikal um 10 Pixel:

const html = document.documentElement;
html.scrollLeft += 30;
html.scrollTop += 10;

Probieren Sie es selbst aus

Syntax

Rückgabe des scrollLeft-Attributs:

element.scrollLeft

Setzen Sie den scrollLeft-Attribut:

element.scrollLeft = pixels

Attributwert

Wert Beschreibung
pixels

Pixelzahl der horizontalen Scrollbewegung des Elementsinhalts.

  • Wenn diese Zahl negativ ist, wird diese Zahl auf 0 gesetzt.
  • Wenn das Element nicht scrollbar ist, wird diese Zahl auf 0 gesetzt.
  • Wenn diese Zahl größer als das erlaubte Maximale ist, wird diese Zahl auf das Maximale gesetzt.

Rückgabewert

Typ Beschreibung
Zahl Pixelzahl der horizontalen Scrollbewegung des Elementsinhalts.

Browser-Unterstützung

alle Browser unterstützen dies element.scrollLeft:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung