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