Window scrollY-attribut

Definition och användning

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

scrollY egenskapen är skrivskyddad.

meddelande

scrollY egenskapen är lika med pageYOffset egenskapen.

För korsbrowserkompabilitet, använd window.pageYOffset istället för window.scrollY.

Se också:

pageXOffset-attribut

pageYOffset-attribut

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 klistrande navigationslista:

// Hämta navigationslisten
const navbar = document.getElementById("navbar");
// Hämta navigationslistans offset-position
const sticky = navbar.offsetTop;
// När du når dess rullningsposition läggs sticky-klassen till i navigationslisten. Ta bort sticky-klassen när du lämnar rullningspositionen.
function myFunction() {
  om (window.scrollY >= sticky) {
    navbar.classList.add("sticky")
  }
    navbar.classList.remove("sticky");
  }
}

Prova själv

Syntax

window.scrollY

eller:

scrollY

Returvärde

Typ Beskrivning
Tal 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.scrollY:

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