tutorial pengembangan web terbaru
 

Jendela pageXOffset dan pageYOffset Properti

<Jendela Object

Contoh

Gulir isi oleh 100 piksel, dan waspada pageXOffset dan pageYOffset:

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

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

The pageXOffset dan pageYOffset sifat mengembalikan piksel dokumen saat ini telah menggulir dari sudut kiri atas jendela, horizontal dan vertikal.

The pageXOffset dan pageYOffset sifat yang sama dengan scrollX dan scrolly properti.

Properti ini hanya-baca.

Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.

Milik
pageXOffset iya nih 9.0 iya nih iya nih iya nih
pageYOffset iya nih 9.0 iya nih iya nih iya nih

Note: Untuk IE8 dan sebelumnya, Anda dapat menggunakan "document.documentElement.scrollLeft" dan "document.documentElement.scrollTop" bukan (See "More Examples" below) .

Sintaksis

window.pageXOffset
window.pageYOffset

Rincian teknis

Kembali Nilai: Sebuah Nomor, mewakili jumlah pixel bahwa dokumen tersebut telah menggulir dari sudut kiri atas jendela, horizontal dan vertikal
contoh

Contoh lebih

Contoh

Sebuah solusi lintas-browser (menggunakan scrollLeft dan scrollTop untuk IE8 dan sebelumnya):

window.scrollBy(100, 100);

if (window.pageXOffset !== undefined) { // All browsers, except IE9 and earlier
    alert(window.pageXOffset + window.pageYOffset);
} else { // IE9 and earlier
    alert(document.documentElement.scrollLeft + document.documentElement.scrollTop);
}
Cobalah sendiri "
<Jendela Object