Proprietà pageYOffset della finestra

Definizione e uso

pageYOffset L'attributo restituisce i pixel di scorrimento del documento dal vertice in alto a sinistra della finestra.

pageYOffset L'attributo è uguale a scrollY Proprietà.

pageYOffset Le proprietà sono 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 personalmente

Esempio 2

Creare una 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;
// Quando arrivi alla posizione di scorrimento, aggiungi la classe sticky alla barra di navigazione. Rimuovi la classe sticky quando esci dalla posizione di scorrimento.
function myFunction() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  } else {
    navbar.classList.remove("sticky");
  }
}

prova personalmente

sintassi

window.pageYOffset

O:

pageYOffset

Valore di ritorno

Tipo Descrizione
Numero Numero di pixel scollati dal vertice sinistro della finestra del documento.

Supporto dei browser

Tutti i browser supportano pageYOffset:

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