Venster scrollenY
voorbeeld 1
Scroll door de inhoud met 100 pixels en waarschuw de scrollX en scrollY:
window.scrollBy(100, 100);
alert(window.scrollX + window.scrollY);
Hieronder meer voorbeelden.
Definitie en gebruik
De scrollYeigenschap retourneert de pixels die een document heeft verschoven vanuit de linkerbovenhoek van het venster.
De scrollYeigenschap is alleen-lezen.
Opmerking
De scrollYwoning is gelijk aan de
pageYOffsetwoning.
Gebruik voor compatibiliteit tussen browsers window.pageYOffset in plaats van window.scrollY.
Zie ook:
Syntaxis
window.scrollY
of gewoon:
scrollY
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.scrollY >= sticky) {
navbar.classList.add("sticky")
}
else {
navbar.classList.remove("sticky");
}
}
Browserondersteuning
window.scrollY wordt ondersteund in alle browsers:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | 9-11 | Yes | Yes | Yes | Yes |