Neueste Web-Entwicklung Tutorials
 

Fenster pageXOffset und pageYOffset Eigenschaften

<Fensterobjekt

Beispiel

Blättern Sie den Inhalt von 100 Pixeln und alarmieren die pageXOffset und pageYOffset:

window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);
Versuch es selber "

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

Definition und Verwendung

Die pageXOffset und pageYOffset Eigenschaften gibt die Pixel das aktuelle Dokument ist von der oberen linken Ecke des Fensters, horizontal und vertikal verschoben sind.

Die pageXOffset und pageYOffset Eigenschaften sind gleich den scrollX und Scrolly Eigenschaften.

Diese Eigenschaften sind schreibgeschützt.

Browser-Unterstützung

Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.

Eigentum
pageXOffset Ja 9.0 Ja Ja Ja
pageYOffset Ja 9.0 Ja Ja Ja

Note: Für IE8 und früher, können Sie "document.documentElement.scrollLeft" und "document.documentElement.scrollTop" statt (See "More Examples" below) weiter (See "More Examples" below) .

Syntax

window.pageXOffset
window.pageYOffset

Technische Details

Rückgabewert: Eine Zahl, die die Anzahl der Pixel, die das Dokument gescrollt bereits von der oberen linken Ecke des Fensters hat, horizontal und vertikal
Beispiele

Mehr Beispiele

Beispiel

Eine Browser-Lösung (unter Verwendung von scrollleft und scrollTop für IE8 und früher):

window.scrollBy(100, 100);

if (window.pageXOffset !== undefined) { // All browsers, except IE9 and earlier
    alert(window.pageXOffset + window.pageYOffset);
} else { // IE9 and earlier
    alert(document.documentElement.scrollLeft + document.documentElement.scrollTop);
}
Versuch es selber "
<Fensterobjekt