pageXOffset Fenêtre et la propriété pageYOffset
Définition et utilisation
pageXOffset Définit ou retourne la page en cours par rapport au coin supérieur gauche de la zone d'affichage de la fenêtre de la position de X. pageYOffset Définit ou retourne la page en cours par rapport au coin supérieur gauche de la position de la zone d'affichage de la fenêtre Y.
grammaire
window.pageXOffset
window.pageYOffset
window.pageYOffset
support du navigateur
Tous les principaux navigateurs prennent en charge les propriétés pageXOffset et pageYOffset.
Remarque: IE 8 et les versions antérieures de IE ne supporte pas cette propriété, mais vous pouvez utiliser le "document.body.scrollLeft" et l' attribut "document.body.scrollTop".
Exemples
Exemples
Défilement de contenu 100 pixels et de la pop pageXOffset et pageYOffset:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Titre> Ce tutoriel (w3big.com) </ title>
</ Head>
<Head>
<Script>
fonctionner ScrollWindow () {
window.scrollBy (100,100)
alert ( "pageXOffset:" + window.pageXOffset + ", pageYOffset:" + window.pageYOffset)
}
</ Script>
</ Head>
<Body>
<Input type = "button" onclick = "ScrollWindow ()" value = "scroll" />
<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">
<Titre> Ce tutoriel (w3big.com) </ title>
</ Head>
<Head>
<Script>
fonctionner ScrollWindow () {
window.scrollBy (100,100)
alert ( "pageXOffset:" + window.pageXOffset + ", pageYOffset:" + window.pageYOffset)
}
</ Script>
</ Head>
<Body>
<Input type = "button" onclick = "ScrollWindow ()" value = "scroll" />
<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>
Essayez »
objet Window