ตัวอย่าง
เลื่อนเนื้อหาโดย 100 พิกเซลและแจ้งเตือน pageXOffset และ pageYOffset:
window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);
ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
pageXOffset และ pageYOffset คุณสมบัติส่งกลับพิกเซลเอกสารปัจจุบันได้รับการเลื่อนจากมุมซ้ายบนของหน้าต่าง, แนวนอนและแนวตั้ง
pageXOffset และ pageYOffset คุณสมบัติจะเท่ากับ scrollX และ scrolly คุณสมบัติ
คุณสมบัติเหล่านี้จะอ่านอย่างเดียว
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| pageXOffset | ใช่ | 9.0 | ใช่ | ใช่ | ใช่ |
| pageYOffset | ใช่ | 9.0 | ใช่ | ใช่ | ใช่ |
Note: สำหรับ IE8 และก่อนหน้านี้คุณสามารถใช้ "document.documentElement.scrollLeft" และ "document.documentElement.scrollTop" แทน (See "More Examples" below)
วากยสัมพันธ์
window.pageXOffset
window.pageYOffsetรายละเอียดทางเทคนิค
| กลับค่า: | จำนวนคิดเป็นจำนวนพิกเซลว่าเอกสารที่ได้รับการเลื่อนจากมุมซ้ายบนของหน้าต่างแนวตั้งและแนว |
|---|
ตัวอย่างอื่น ๆ
ตัวอย่าง
วิธีการแก้ปัญหาเบราว์เซอร์ (ใช้ scrollLeft และ scrollTop สำหรับ IE8 และก่อนหน้า):
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);
} ลองตัวเอง» <หน้าต่างวัตถุ