Fenster pageXOffset und pageYOffset Eigenschaft
Definition und Verwendung
pageXOffset Setzt oder liefert die aktuelle Seite in Bezug auf die linke obere Ecke des Fensters Anzeigebereich der X-Position. pageYOffset Setzt oder liefert die aktuelle Seite in Bezug auf die linke obere Ecke des Fensters Anzeigebereich Y-Position.
Grammatik
window.pageXOffset
window.pageYOffset
window.pageYOffset
Browser-Unterstützung
Alle gängigen Browser unterstützen pageXOffset und pageYOffset Eigenschaften.
Hinweis: IE 8 und frühere Versionen von IE nicht diese Eigenschaft nicht unterstützt, aber Sie können die "document.body.scrollLeft" und "document.body.scrollTop" Attribut verwenden.
Beispiele
Beispiele
Scrolling Inhalt 100 Pixel und Pop pageXOffset und pageYOffset:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
</ Head>
<Head>
<Script>
Funktion Scroll () {
window.scrollBy (100,100)
alert ( "pageXOffset:" + window.pageXOffset + ", pageYOffset:" + window.pageYOffset)
}
</ Script>
</ Head>
<Body>
<Input type = "button" Onclick = "Scroll ()" value = "blättern" />
<P> scroll scroll scroll scroll scroll scroll scroll scroll scroll scroll scroll </ p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<P> scroll scroll scroll scroll scroll scroll scroll scroll scroll scroll scroll </ p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<P> scroll scroll scroll scroll scroll scroll scroll scroll scroll scroll scroll </ p>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
</ Head>
<Head>
<Script>
Funktion Scroll () {
window.scrollBy (100,100)
alert ( "pageXOffset:" + window.pageXOffset + ", pageYOffset:" + window.pageYOffset)
}
</ Script>
</ Head>
<Body>
<Input type = "button" Onclick = "Scroll ()" value = "blättern" />
<P> scroll scroll scroll scroll scroll scroll scroll scroll scroll scroll scroll </ p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<P> scroll scroll scroll scroll scroll scroll scroll scroll scroll scroll scroll </ p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<P> scroll scroll scroll scroll scroll scroll scroll scroll scroll scroll scroll </ p>
</ Body>
</ Html>
Versuchen »
window - Objekt