Venster blaaiY
Voorbeeld 1
Rollees die inhoud met 100 pixels, en waarsku die scrollX en scrollY:
window.scrollBy(100, 100);
alert(window.scrollX + window.scrollY);
Meer voorbeelde hieronder.
Definisie en gebruik
Die scrollY
eiendom gee die pixels terug wat 'n dokument vanaf die boonste linkerhoek van die venster gerol het.
Die scrollY
eiendom is leesalleen.
Let wel
Die scrollY
eiendom is gelyk aan die
pageYOffset
eiendom.
Vir kruisblaaierversoenbaarheid, gebruik window.pageYOffset in plaas van window.scrollY.
Sien ook:
Sintaksis
window.scrollY
of net:
scrollY
Terugkeerwaarde
Tik | Beskrywing |
N nommer | Die aantal pixels wat die dokument vanaf die boonste linkerhoek van die venster gerol het. |
Meer voorbeelde
Skep 'n taai navigasiebalk:
// 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");
}
}
Blaaierondersteuning
window.scrollY
word in alle blaaiers ondersteun:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |