Scorrimento finestraX
Esempio 1
Scorri il contenuto di 100 pixel e avvisa scrollX e scrollY:
window.scrollBy(100, 100);
alert(window.scrollX + window.scrollY);
Altri esempi di seguito.
Definizione e utilizzo
La scrollX
proprietà restituisce i pixel che un documento ha fatto scorrere dall'angolo in alto a sinistra della finestra.
La scrollX
proprietà è di sola lettura.
Nota
La scrollX
proprietà è uguale alla
pageXOffset
proprietà.
Per la compatibilità tra browser, usa window.pageXOffset invece di window.scrollX.
Guarda anche:
Sintassi
window.scrollX
o semplicemente:
scrollX
Valore di ritorno
Tipo | Descrizione |
Un numero | Il numero di pixel di scorrimento del documento dall'angolo superiore sinistro della finestra. |
Altri esempi
Crea una barra di navigazione appiccicosa:
// 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");
}
}
Supporto browser
window.scrollX
è supportato in tutti i browser:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |