Atrybut pageYOffset okna

Definicja i użycie

pageYOffset Atrybut zwraca liczbę pikseli, o którą dokument został przesunięty od lewego górnego rogu okna przeglądarki.

pageYOffset Atrybut równa się scrollY Atrybut.

pageYOffset Atrybut jest jedynie do odczytu.

Zobacz również:

Atrybut screenX

Atrybut screenY

Przykład

Przykład 1

Przesuń zawartość o 100 pikseli i wyświetl pageXOffset oraz pageYOffset:

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

spróbuj sam

Przykład 2

Utwórz przyklejony pasek nawigacji:

// Pobierz pasek nawigacji
const navbar = document.getElementById("navbar");
// Pobierz pozycję przesuwania paska nawigacji
const sticky = navbar.offsetTop;
// Kiedy osiągasz pozycję przewijania, dodaj klasę 'sticky' do paska nawigacji. Usuń klasę 'sticky', gdy opuszczasz pozycję przewijania.
function myFunction() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  } else {
    navbar.classList.remove("sticky");
  }
}

spróbuj sam

język

window.pageYOffset

Lub:

pageYOffset

Zwrócona wartość

Typ Opis
Liczba Liczba pikseli przesunięcia dokumentu od góry lewej krawędzi okna.

Wsparcie przeglądarek

Wszystkie przeglądarki wspierają pageYOffset:

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