Jendela pageXOffset dan properti pageYOffset
Definisi dan Penggunaan
pageXOffset Mengatur atau mengembalikan halaman saat ini sehubungan dengan sudut kiri atas dari area tampilan jendela posisi X. pageYOffset Mengatur atau mengembalikan halaman saat ini sehubungan dengan sudut kiri atas dari area tampilan jendela posisi Y.
tatabahasa
window.pageXOffset
window.pageYOffset
window.pageYOffset
Dukungan Browser
Semua browser utama mendukung pageXOffset dan pageYOffset properti.
Catatan: IE 8 dan versi sebelumnya dari IE tidak mendukung properti ini, tetapi Anda dapat menggunakan "document.body.scrollLeft" dan "document.body.scrollTop" atribut.
contoh
contoh
Bergulir konten 100 piksel dan pop pageXOffset dan pageYOffset:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
</ Kepala>
<Head>
<Script>
berfungsi scrollWindow () {
window.scrollBy (100.100)
alert ( "pageXOffset:" + window.pageXOffset + ", pageYOffset:" + window.pageYOffset)
}
</ Script>
</ Kepala>
<Body>
<Input type = "button" onclick = "scrollWindow ()" value = "scroll" />
<P> gulir gulir gulir scroll scroll scroll scroll scroll scroll scroll scroll </ p>
Situs
Situs
Situs
Situs
Situs
Situs
Situs
Situs
<P> gulir gulir gulir scroll scroll scroll scroll scroll scroll scroll scroll </ p>
Situs
Situs
Situs
Situs
Situs
Situs
Situs
Situs
<P> gulir gulir gulir scroll scroll scroll scroll scroll scroll scroll scroll </ p>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
</ Kepala>
<Head>
<Script>
berfungsi scrollWindow () {
window.scrollBy (100.100)
alert ( "pageXOffset:" + window.pageXOffset + ", pageYOffset:" + window.pageYOffset)
}
</ Script>
</ Kepala>
<Body>
<Input type = "button" onclick = "scrollWindow ()" value = "scroll" />
<P> gulir gulir gulir scroll scroll scroll scroll scroll scroll scroll scroll </ p>
Situs
Situs
Situs
Situs
Situs
Situs
Situs
Situs
<P> gulir gulir gulir scroll scroll scroll scroll scroll scroll scroll scroll </ p>
Situs
Situs
Situs
Situs
Situs
Situs
Situs
Situs
<P> gulir gulir gulir scroll scroll scroll scroll scroll scroll scroll scroll </ p>
</ Body>
</ Html>
Coba »
objek jendela