Window scrollX-egenskaben

Definition og brug

scrollX egenskaben returnerer pixelnumrene, der ruller fra vinduets øverste venstre hjørne.

scrollX egenskaben er skrivebeskyttet.

advarsel

scrollX egenskaben er lig med pageXOffset egenskaben.

For krydsbrowserkompatibilitet, brug window.pageXOffset i stedet for window.scrollX.

Se også:

pageXOffset-egenskaben

pageYOffset-egenskaben

Eksempel

Eksempel 1

Rul indholdet 100 pixel, og vis scrollX og scrollY:

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

Prøv det selv

Eksempel 2

Opret en sticky-navigationslinje:

// Få navigationsfeltet
const navbar = document.getElementById("navbar");
// Få navigationsfeltets afstand
const sticky = navbar.offsetTop;
// Når du når dens rulleposition, tilføj sticky-klassen til navigationsfeltet. Fjern sticky-klassen, når du forlader rullepositionen.
function myFunction() {
  hvis (window.scrollY >= sticky) {
    navbar.classList.add("sticky")
  } else {
    navbar.classList.remove("sticky");
  }
}

Prøv det selv

Syntaks

window.scrollX

eller:

scrollX

Returværdi

Type Beskrivelse
Tilføje Dokumentets pixelnummer, der ruller fra øverste venstre hjørne af vinduet.

Browserv understøttelse

Alle browsere understøtter window.scrollX：

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