Venster bladsyYOffset
Voorbeeld 1
Rollees die inhoud met 100 piksels, en waarsku die pageXOffset en pageYOffset:
window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);
Meer voorbeelde hieronder.
Definisie en gebruik
Die pageYOffseteiendom gee die pixels terug wat 'n dokument vanaf die boonste linkerhoek van die venster gerol het.
Die pageYOffseteiendom is gelyk aan die scrollYeiendom.
Die pageYOffseteiendom is leesalleen.
Sintaksis
window.pageYOffset
of net:
pageYOffset
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.pageYOffset >= sticky) {
navbar.classList.add("sticky")
}
else {
navbar.classList.remove("sticky");
}
}
Blaaierondersteuning
pageYOffset word in alle blaaiers ondersteun:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | 9-11 | Yes | Yes | Yes | Yes |