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

Window scrollY Eigenschaft

JavaScript Window-Objekt

DiescrollYeine schreibgeschützte Eigenschaft, die den Wert in Pixeln angibt, um den Dokument in der vertikalen Richtung gescrollt wurde.

Die scrollY-Eigenschaft istpageYOffsetSynonym für die Eigenschaft.

Syntax:

window.scrollY
var x = window.scrollX;
var y = window.scrollY;
Testen Sie heraus‹/›

Beachtung: scrollX und scrollY-Eigenschaften sind gleich pageXOffset und pageYOffset-Eigenschaften.

Browser-Kompatibilität

Die Zahl in der Tabelle gibt die erste Browser-Version an, die die scrollY-Eigenschaft vollständig unterstützt:

Eigenschaft
scrollYist55istist9

Technische Details

Rückgabewert:Eine Zahl, die angibt, wie viele Pixel der Dokument von der Oberseite nach unten gescrollt wurde

Mehr Beispiele

Inhalt verschieben100 Pixel und zeige scrollX und scrollY:

window.scrollBy(100, 100);
var x = window.scrollX;
var y = window.scrollY;
Testen Sie heraus‹/›

Cross-Browser-Lösung (für IE):8und frühere Versionen, scrollLeft und scrollTop verwenden):

var x = (window.scrollX !== undefined)
  ? window.scrollX
  : (document.documentElement || document.body.parentNode || document.body).scrollLeft;
var y = (window.scrollY !== undefined)
  ? window.scrollY
  : (document.documentElement || document.body.parentNode || document.body).scrollTop;
Testen Sie heraus‹/›

Zusammenhängende Referenzen

Fenster (Window) Referenz:window.pageXOffset-Eigenschaft

Fenster (Window) Referenz:window.pageYOffset-Eigenschaft

Fenster (Window) Referenz:window.scrollX-Eigenschaft

HTML DOM Referenz:element .scrollLeft-Eigenschaft

HTML DOM Referenz:element .scrollTop-Eigenschaft

JavaScript Window-Objekt