Halaman jendelaXOffset
Contoh 1
Gulir konten sebesar 100 piksel, dan beri tahu halamanXOffset dan halamanYOffset:
window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);
Lebih banyak contoh di bawah ini.
Definisi dan Penggunaan
Properti pageXOffset
mengembalikan piksel yang telah digulir dokumen dari sudut kiri atas jendela.
Harta pageXOffset
itu sama dengan scrollX
harta.
Properti pageXOffset
ini hanya-baca.
Sintaksis
window.pageXOffset
atau hanya:
pageXOffset
Nilai Kembali
Jenis | Keterangan |
Sebuah angka | Jumlah piksel yang digulir dokumen dari sudut kiri atas jendela. |
Lebih Banyak Contoh
Buat bilah navigasi lengket:
// Get the navbar
const navbar = document.getElementById("navbar");
// Get the offset position of the navbar
const sticky = navbar.offsetTop;
// Add the sticky class to the navbar when you reach its scroll position. Remove the sticky class when you leave the scroll position.
function myFunction() {
if (window.pageYOffset >= sticky) {
navbar.classList.add("sticky")
}
else {
navbar.classList.remove("sticky");
}
}
Dukungan Peramban
window.pageXOffset
didukung di semua browser:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |