Window scrollX egenskapen

Definition och användning

scrollX egenskapen returnerar pixelantalet som dokumentet har rullat från vänster övre hörnet av fönstret.

scrollX egenskapen är skrivskyddad.

Varning

scrollX egenskapen är lika med pageXOffset egenskapen.

För korsbrowserkompabilitet använd window.pageXOffset istället för window.scrollX.

Se också:

pageXOffset egenskapen

pageYOffset egenskapen

Exempel

Exempel 1

Rulla innehållet 100 pixlar och visa scrollX och scrollY:

window.scrollBy(100, 100);
alert(window.scrollX + window.scrollY);

Prova själv

Exempel 2

Skapa en sticky navigationslist:

// Få navigationslisten
const navbar = document.getElementById("navbar");
// Få navigationslistans offset-position
const sticky = navbar.offsetTop;
// När du når din rullningsposition lägg till sticky-klassen till navigationslisten. Ta bort sticky-klassen när du lämnar rullningspositionen.
function myFunction() {
  if (window.scrollY >= sticky) {
    navbar.classList.add("sticky")
  } else {
    navbar.classList.remove("sticky");
  }
}

Prova själv

Syntax

window.scrollX

eller:

scrollX

Returvärde

Typ Beskrivning
Nummer Dokumentets pixelantalet som rullar från vänster övre hörnet av fönstret.

Webbläsarstöd

Alla webbläsare stöder window.scrollX：

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