Proprietà pageXOffset della finestra Window

Definizione e uso

pageXOffset L'attributo restituisce il numero di pixel scollati dal lato sinistro superiore della finestra del documento.

pageXOffset L'attributo è uguale a scrollX Attributo

pageXOffset L'attributo è readonly.

Vedi anche:

Proprietà screenX

Proprietà screenY

Esempio

Esempio 1

Scorri il contenuto di 100 pixel e avvisa pageXOffset e pageYOffset:

window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);

Prova tu stesso

Esempio 2

Creazione della barra di navigazione adesiva:

// Ottieni la barra di navigazione
const navbar = document.getElementById("navbar");
// Ottieni la posizione di scorrimento della barra di navigazione
const sticky = navbar.offsetTop;
// Aggiungi la classe sticky alla barra di navigazione quando raggiungi la posizione di scorrimento. Rimuovi la classe sticky quando esci dalla posizione di scorrimento.
function myFunction() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  }
    navbar.classList.remove("sticky");
  }
}

Prova tu stesso

Sintassi

window.pageXOffset

O

pageXOffset

Valore di ritorno

Tipo Descrizione
Numero Numero di pixel scrollati dal lato sinistro superiore della finestra del documento.

Supporto del browser

Tutti i browser supportano window.pageXOffset：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Supporto 9-11 Supporto Supporto Supporto Supporto