Window scrollX özelliği

Tanım ve Kullanım

scrollX özelliği, belgenin pencerenin sol üst köşesinden kaydırılan piksel sayısını döndürür.

scrollX özelliği yalnız okunabilir.

İpucu

scrollX özelliği eşittir pageXOffset özellikleri.

Çapraz tarayıcı uyumluluğu için aşağıdaki özelliği kullanın: window.pageXOffset ve: window.scrollX.

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);

Kendi kendine deneyin

Örnek 2

Sabit 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;
// Scroll pozisyonuna ulaştığınızda, sticky sınıfını navigasyon çubuğuna ekleyin. Scroll pozisyonundan ayrıldığınızda sticky sınıfını kaldırın.
function myFunction() {
  if (window.scrollY >= sticky) {
    navbar.classList.add("sticky")
  } else {
    navbar.classList.remove("sticky");
  }
}

Kendi kendine deneyin

Sözdizimi

window.scrollX

veya:

scrollX

Dönüş değeri

Tür Açıklama
Sayı Belge, sol üst köşeden başlayarak kaydırılan piksel sayısı.

Tarayıcı desteği

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

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