Pencere scrollY özelliği

Tanım ve Kullanım

scrollY özelliği belgenin sol üst köşeden itibaren kaydırdığı piksel sayısını döndürür.

scrollY özelliği salt okunabilir.

bildirim

scrollY özelliği eşittir pageYOffset özellik kullanın.

Korsanlık tarayıcı uyumluluğu için window.pageYOffset değil window.scrollY

Ayrıca bakınız:

pageXOffset özelliği

pageYOffset özelliği

Örnek

Örnek 1

İçeriği 100 piksel kaydırın ve scrollX ve scrollY'yi bildirin:

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

Kişisel olarak deneyin

Örnek 2

Kapaklı navigasyon çubuğu oluşturma:

// Navigasyon çubuğunu alın
const navbar = document.getElementById("navbar");
// Navigasyon çubuğunun konumunu alın
const sticky = navbar.offsetTop;
// Kullanıcının滚动位置到达时，将 sticky sınıfını navigasyon çubuğuna ekleyin。滚动位置 ayrıldığında sticky sınıfını kaldırın。
function myFunction() {
  if (window.scrollY >= sticky) {
    navbar.classList.add("sticky")
  } else {
    navbar.classList.remove("sticky");
  }
}

Kişisel olarak deneyin

Sözdizimi

window.scrollY

veya:

scrollY

Dönüş değeri

Tür Açıklama
Sayı Belgenin sol üst köşeden itibaren kaydırdığı piksel sayısı.

Tarayıcı desteği

Tüm tarayıcılar destekler window.scrollY：

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