Atrybut pageXOffset okna

Definicja i użycie

pageXOffset Atrybut zwraca liczbę pikseli przesuniętych w lewo od góry okna dokumentu.

pageXOffset Atrybut równa się scrollX Atrybut.

pageXOffset 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 nawigację przylegającą:

// Pobierz nawigację
const navbar = document.getElementById("navbar");
// Pobierz pozycję przesunięcia nawigacji
const sticky = navbar.offsetTop;
// Dodaj klasę 'sticky' do nawigacji, gdy osiągasz pozycję przewijania, usuń klasę 'sticky', gdy opuszczasz pozycję przewijania.
function myFunction() {
  jeśli (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  }
    navbar.classList.remove("sticky");
  }
}

Spróbuj sam

Gramatyka

window.pageXOffset

Lub:

pageXOffset

Zwracana wartość

Typ Opis
Numer Liczba pikseli przesuniętych w lewo od góry okna dokumentu.

Przeglądarka obsługuje

Wszystkie przeglądarki wspierają window.pageXOffset:

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