Window pageXOffset-attributet

Definition och användning

pageXOffset Attributet returnerar antalet pixlar som dokumentet har rullat från övre vänstra hörnet av fönstret.

pageXOffset Attributet är lika med scrollX Attribut.

pageXOffset Attributet är skrivskyddat.

Se också:

screenX-attributet

screenY-attributet

Exempel

Exempel 1

Rulla innehållet 100 pixlar och visa pageXOffset och pageYOffset:

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

Prova själv

Exempel 2

Skapa en sticky navigationsfält:

// Hämta navigationsfältet
const navbar = document.getElementById("navbar");
// Hämta navigationsfältets offset-position
const sticky = navbar.offsetTop;
// Lägg till sticky-klassen till navigationsfältet när du når dess rullposition. Ta bort sticky-klassen när du lämnar rullpositionen.
function myFunction() {
  om (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  } annars {
    navbar.classList.remove("sticky");
  }
}

Prova själv

Syntaks

window.pageXOffset

eller:

pageXOffset

Returvärde

Typ Beskrivning
Nummer Antal pixlar som dokumentet rullar från övre vänstra hörnet av fönstret.

Webbläsare stödjer

Alla webbläsare stöder window.pageXOffset：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Stöd 9-11 Stöd Stöd Stöd Stöd