Posouvání oknaX
Příklad 1
Posuňte obsah o 100 pixelů a upozorněte na scrollX a scrollY:
window.scrollBy(100, 100);
alert(window.scrollX + window.scrollY);
Další příklady níže.
Definice a použití
Vlastnost scrollX
vrací pixely, které dokument posunul z levého horního rohu okna.
Vlastnost scrollX
je pouze pro čtení.
Poznámka
Majetek scrollX
se rovná
pageXOffset
majetku.
Pro kompatibilitu mezi různými prohlížeči použijte window.pageXOffset namísto window.scrollX.
Viz také:
Syntax
window.scrollX
nebo prostě:
scrollX
Návratová hodnota
Typ | Popis |
Číslo | Počet pixelů, o které se dokument posunul z levého horního rohu okna. |
Další příklady
Vytvořte lepivý navigační panel:
// 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");
}
}
Podpora prohlížeče
window.scrollX
je podporován ve všech prohlížečích:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |