Venster bladsyXOffset
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 pageXOffset
eiendom gee die pixels terug wat 'n dokument vanaf die boonste linkerhoek van die venster gerol het.
Die pageXOffset
eiendom is gelyk aan die scrollX
eiendom.
Die pageXOffset
eiendom is leesalleen.
Sintaksis
window.pageXOffset
of net:
pageXOffset
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
window.pageXOffset
word in alle blaaiers ondersteun:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |