Window pageXOffsetetpageYOffsetPropriété

Window 对象 参考手册Objet Window

Définition et utilisation

Les propriétés pageXOffset et pageYOffset renvoient le nombre de pixels dont le document a défilé horizontalement et verticalement depuis le coin supérieur gauche de la fenêtre.

pageXOffset définit ou renvoie la position X de la page actuelle par rapport au coin supérieur gauche de la zone d'affichage de la fenêtre. pageYOffset définit ou renvoie la position Y de la page actuelle par rapport au coin supérieur gauche de la zone d'affichage de la fenêtre.

Les propriétés pageXOffset et pageYOffset sont équivalentes aux propriétés scrollX et scrollY.

Ces propriétés sont en lecture seule.

Syntaxe

window.pageXOffset
window.pageYOffset

Prise en charge des navigateurs

Les nombres dans le tableau indiquent le premier numéro de version du navigateur qui prend en charge la propriété.

Propriété
pageXOffset Oui 9.0 Oui Oui Oui
pageYOffset Oui 9.0 Oui Oui Oui

Tous les principaux navigateurs prennent en charge les propriétés pageXOffset et pageYOffset.

Remarque :IE 8 et les versions antérieures d'IE ne prennent pas en charge cette propriété, mais vous pouvez utiliser les propriétés document.documentElement.scrollLeft et document.documentElement.scrollTop.

Exemples

Exemples

Faites défiler le contenu verticalement et horizontalement de 100 pixels, et faites apparaître pageXOffset et pageYOffset :

window.scrollBy(100, 100); alert("pageXOffset: " + window.pageXOffset + ", pageYOffset: " + window.pageYOffset);

Essayez-le vous-même »

Exemples

Solution de compatibilité (utiliser scrollLeft et scrollTop dans IE8 et versions antérieures) :

window.scrollBy(100, 100); if (window.pageXOffset !== undefined) { //Tous les navigateurs sauf IE9 et versions antérieures alert("Défilement horizontal :" + window.pageXOffset + ", défilement vertical :" + window.pageYOffset); } else { //IE9 et versions antérieures alert("Défilement horizontal :" + document.documentElement.scrollLeft + ", défilement vertical :" + document.documentElement.scrollTop); }

Essayez-le vous-même »

Window 对象参考手册Objet Window Autres extensions