FensterseiteYOffset
Beispiel 1
Scrollen Sie den Inhalt um 100 Pixel und warnen Sie pageXOffset und pageYOffset:
window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);
Weitere Beispiele unten.
Definition und Verwendung
Die pageYOffset
Eigenschaft gibt die Pixel zurück, die ein Dokument von der oberen linken Ecke des Fensters gescrollt hat.
Das pageYOffset
Eigentum ist gleich dem scrollY
Eigentum.
Die pageYOffset
Eigenschaft ist schreibgeschützt.
Syntax
window.pageYOffset
oder nur:
pageYOffset
Rückgabewert
Typ | Beschreibung |
Eine Zahl | Die Anzahl der Pixel, um die das Dokument von der oberen linken Ecke des Fensters gescrollt wurde. |
Mehr Beispiele
Erstellen Sie eine Sticky-Navigationsleiste:
// Get the navbar
const navbar = document.getElementById("navbar");
// Get the offset position of the navbar
const sticky = navbar.offsetTop;
// Add the sticky class to the navbar when you reach its scroll position. Remove the sticky class when you leave the scroll position.
function myFunction() {
if (window.pageYOffset >= sticky) {
navbar.classList.add("sticky")
}
else {
navbar.classList.remove("sticky");
}
}
Browser-Unterstützung
pageYOffset
wird in allen Browsern unterstützt:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |