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