Halaman jendelaYOffset
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 pageYOffset
mengembalikan piksel yang telah digulir dokumen dari sudut kiri atas jendela.
Harta pageYOffset
itu sama dengan scrollY
harta.
Properti pageYOffset
ini hanya-baca.
Sintaksis
window.pageYOffset
atau hanya:
pageYOffset
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
pageYOffset
didukung di semua browser:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |