Propriété pageXOffset de la fenêtre Window

Définition et utilisation

pageXOffset L'attribut retourne le nombre de pixels glissés du document à partir du coin supérieur gauche de la fenêtre.

pageXOffset L'attribut est égal à scrollX Propriété

pageXOffset Les propriétés sont en lecture seule.

Voir également :

Propriété screenX

Propriété screenY

Exemple

Exemple 1

Déplacez le contenu de 100 pixels et indiquez pageXOffset et pageYOffset :

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

Essayez-le vous-même

Exemple 2

Créer une navigation en bandouillère collante :

// Obtenez le navbar
const navbar = document.getElementById("navbar");
// Obtenez la position d'offset du navbar
const sticky = navbar.offsetTop;
// Ajoutez la classe sticky aunavbar lorsque vous atteignez sa position de défilement. Supprimez la classe sticky lorsque vous quittez la position de défilement.
function myFunction() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  } else {
    navbar.classList.remove("sticky");
  }
}

Essayez-le vous-même

Syntaxe

window.pageXOffset

ou :

pageXOffset

Valeur de retour

Type Description
Numéro Nombre de pixels glissés à partir du coin supérieur gauche de la fenêtre du document.

Support du navigateur

Tous les navigateurs supportent window.pageXOffset：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support 9-11 Support Support Support Support