HTML-DOM scrollLeft -Eigenschaft

元素对象参考手册Element-Objekt

Beispiele

Schieben Sie die Bildlaufleiste, um den Abstand von der Bildlaufleiste des Elements zur linken oder oberen Kante des Elements zu ermitteln:

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

Selbst ausprobieren »

Definition und Verwendung

Die Eigenschaft scrollLeft kann den Abstand von der Bildlaufleiste des Elements zur linken Seite des Elements lesen oder festlegen.

Beachten Sie, dass sich die Bildlaufleiste ganz rechts befindet (dort, wo der Inhalt beginnt), wenn die Inhaltsrichtung dieses Elements rtl (right-to-left) ist, und der Wert von scrollLeft 0 ist. In diesem Fall ändert sich scrollLeft von 0 zu einer negativen Zahl, wenn Sie die Bildlaufleiste von rechts nach links ziehen.

Auf Systemen mit Anzeigeskalierung kann scrollLeft eine Dezimalzahl sein.

Browser-Unterstützung

Eigenschaft
scrollLeft Ja Ja Ja Ja Ja

Syntax

Den Wert der Eigenschaft scrollLeft abrufen:

// 获取滚动条到元素左边的距离
var sLeft = element.scrollLeft

sLeft ist eine ganze Zahl, die angibt, wie viele Pixel die Bildlaufleiste des Elements von der linken Seite des Elements entfernt ist.

Den Wert der Eigenschaft scrollLeft festlegen:

// 设置滚动条滚动了多少像素
element.scrollLeft = pixels

scrollLeft kann eine beliebige ganze Zahl sein, jedoch:

  • Wenn das Element nicht scrollen kann (zum Beispiel, wenn das Element keinen Overflow hat), dannscrollLeftist sein Wert 0.
  • Wenn SiescrollLefteinen Wert kleiner als 0 setzen, dannscrollLeftwird sein Wert 0.
  • Wenn SiescrollLefteinen Wert größer als die maximale Breite des Elementinhalts setzen, dannscrollLeftwird sein Wert auf die maximale Breite des Elements gesetzt.

Technische Details

Rückgabewert: Gibt eine Ganzzahl zurück, die die Anzahl der Pixel angibt, um die der Inhalt des Elements horizontal gescrollt wurde.

Weitere Beispiele

Beispiel

Stellen Sie das Element mit der ID "myDIV" so ein, dass es um 50 Pixel horizontal und 10 Pixel vertikal scrollt:

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

Selbst ausprobieren »

Beispiel

Stellen Sie das Element mit der ID "myDIV" so ein, dass es bei jedem Klick auf die Schaltfläche um 50 Pixel horizontal und 10 Pixel vertikal scrollt:

var elmnt = document.getElementById("content"); function getFunction() { var x = elmnt.scrollWidth; var y = elmnt.scrollHeight; } function setFunction() { elmnt.style.height = y.scrollHeight + "px"; elmnt.style.width = y.scrollWidth + "px"; }

Selbst ausprobieren »

元素对象参考手册Element-Objekt

Andere Erweiterungen