Atrybut scrollY okna Window

Definicja i użycie

scrollY Atrybut zwraca liczbę pikseli przesuniętych w pionie od góry lewego rogu okna dokumentu.

scrollY Atrybut jest jedynie do odczytu.

Wskazówka

scrollY atrybut równa się Atrybut pageYOffset atrybutu.

Dla zgodności z wieloma przeglądarkami, użyj window.pageYOffset Zamiast window.scrollY.

Zobacz również:

Atrybut pageXOffset

Atrybut pageYOffset

Przykład

Przykład 1

Przesuń zawartość o 100 pikseli w poziomie i pionie, a także wyświetl scrollX i scrollY:

window.scrollBy(100, 100);
alert(window.scrollX + window.scrollY);

Spróbuj sam

Przykład 2

Tworzenie przyległego paska nawigacji:

// Pobierz pasek nawigacji
const navbar = document.getElementById("navbar");
// Pobierz pozycję offsetową paska nawigacji
const sticky = navbar.offsetTop;
// Dodaj klasę 'sticky' do paska nawigacji, gdy osiągasz jego pozycję przeciągania. Usuń klasę 'sticky', gdy opuszczasz pozycję przeciągania.
function myFunction() {
  jeśli (window.scrollY >= sticky) {
    navbar.classList.add("sticky")
  }
    navbar.classList.remove("sticky");
  }
}

Spróbuj sam

Gramatyka

window.scrollY

Lub:

scrollY

Zwracana wartość

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

Przeglądarka obsługuje

Wszystkie przeglądarki wspierają window.scrollY:

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