Window pageXOffset özelliği

Tanım ve Kullanım

pageXOffset Özellik, belgenin sol üst köşeden itibaren kaydırılan piksel sayısını döndürür.

pageXOffset Özellik eşittir scrollX Özellik.

pageXOffset Özellikler yalnız okunur.

Ayrıca bakınız:

screenX özelliği

screenY özelliği

Örnek

Örnek 1

İçeriği 100 piksel kaydırın ve pageXOffset ve pageYOffset'u bildirin:

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

Kişisel olarak deneyin

Örnek 2

Yapıştırılabilir 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;
// Sizin tarama konumunuza ulaştığınızda sticky sınıfını navigasyon çubuğuna ekleyin. Tarama konumundan ayrıldığınızda sticky sınıfını kaldırın.
function myFunction() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  } else {
    navbar.classList.remove("sticky");
  }
}

Kişisel olarak deneyin

Sözdizimi

window.pageXOffset

veya:

pageXOffset

Dönüş değeri

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

Tarayıcı desteği

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

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