English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM scrollTop-Eigenschaft

HTML DOM Element-Objekt

scrollTopDie Eigenschaft setzt oder gibt die Anzahl der Pixel an, um den Inhalt des Elements vertikal zu scrollen.

Der scrollTop-Wert des Elements ist der Abstand von der Oberseite des Elements bis zu der obersten sichtbaren Inhalte. Wenn das Inhalt des Elements keine vertikale Scrollleiste hat, beträgt der scrollTop-Wert 0.

VerwendenscrollLeftDie Eigenschaft setzt oder gibt die Anzahl der Pixel an, um den Inhalt des Elements horizontal zu scrollen.

Syntax:

Rückgabe der scrollTop-Eigenschaft:

element.scrollTop

Setzen Sie die scrollTop-Eigenschaft:

element.scrollTop = pixels
var elem = document.getElementById("container");
var x = elem.scrollLeft;
var y = elem.scrollTop;
Testen Sie heraus‹/›

Browser-Kompatibilität

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

Eigenschaft
scrollTopJaJaJaJaJa

Eigenschaftswert

WertBeschreibung
pixelsGibt die Anzahl der Pixel an, um die der Inhalt des Elements nach oben gescrollt wird

Technische Details

Rückgabewert:Eine Zahl, die angibt, wie viele Pixel der Inhalt des Elements nach oben gescrollt ist
DOM-Version:CSS-Objektmodell (CSSOM)

Mehr Beispiele

Vertikale Scrollinhalte des DIV50px:

document.getElementById('container').scrollTop += 50;
Testen Sie heraus‹/›

Vertikale Scrollinhalte des BODIES100 Pixel:

var body = document.body;// Für Safari
var html = document.documentElement; // Chrome, Firefox, IE und Opera
   
body.scrollTop += 100;
html.scrollTop += 100;
Testen Sie heraus‹/›

Verwandte Referenzen

HTML DOM-Referenz:scrollLeft-Eigenschaft

HTML DOM Element-Objekt