VensterpaginaYOffset
voorbeeld 1
Scroll door de inhoud met 100 pixels en waarschuw de pageXOffset en pageYOffset:
window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);
Hieronder meer voorbeelden.
Definitie en gebruik
De pageYOffset
eigenschap retourneert de pixels die een document heeft verschoven vanuit de linkerbovenhoek van het venster.
De pageYOffset
woning is gelijk aan de scrollY
woning.
De pageYOffset
eigenschap is alleen-lezen.
Syntaxis
window.pageYOffset
of gewoon:
pageYOffset
Winstwaarde
Type | Beschrijving |
Een getal | Het aantal pixels dat het document heeft verschoven vanuit de linkerbovenhoek van het venster. |
Meer voorbeelden
Maak een plakkerige navigatiebalk:
// 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");
}
}
Browserondersteuning
pageYOffset
wordt ondersteund in alle browsers:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |