Sifat pageXOffset Window

Definisi dan penggunaan

pageXOffset Sifat mengembalikan bilangan piksel yang berputar dari kiri atas tingkap.

pageXOffset Sifat setara dengan scrollX Sifat.

pageXOffset Sifat adalah hanya-baca.

Lihat juga:

Sifat screenX

Sifat screenY

Contoh

Contoh 1

Gulung kandungan 100 piksel, dan tampilkan pageXOffset dan pageYOffset:

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

Cuba sendiri

Contoh 2

Cipta navigasi lembut:

// Dapatkan navigasi
const navbar = document.getElementById("navbar");
// Dapatkan posisi offset navigasi
const sticky = navbar.offsetTop;
// Saat Anda mencapai posisi gerakan, tambahkan kelas 'sticky' ke navigasi. Buang kelas 'sticky' saat meninggalkan posisi gerakan.
function myFunction() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  }
    navbar.classList.remove("sticky");
  }
}

Cuba sendiri

Sintaks

window.pageXOffset

atau:

pageXOffset

Hasil balik

Jenis Penerangan
Nombor Bilangan piksel yang berputar dari kiri atas tingkap.

Pematuhan pelayar

Semua pelayar mendukung window.pageXOffset：

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