Window pageXOffset 和 pageYOffset 屬性
Window 對象
定義和用法
pageXOffset 和 pageYOffset 屬性返回文檔在窗口左上角水準和垂直方向滾動的像素。
pageXOffset 設置或返回當前頁面相對於窗口顯示區左上角的 X 位置。pageYOffset 設置或返回當前頁面相對於窗口顯示區左上角的 Y 位置。
pageXOffset 和 pageYOffset 屬性相等於 scrollX 和 scrollY 屬性。
這些屬性是只讀的。
語法
window.pageXOffset
window.pageYOffset
window.pageYOffset
流覽器支持
表格中的數字表示支持該屬性的第一個流覽器版本號。
| 屬性 | |||||
|---|---|---|---|---|---|
| pageXOffset | Yes | 9.0 | Yes | Yes | Yes |
| pageYOffset | Yes | 9.0 | Yes | Yes | Yes |
所有主流流覽器都支持 pageXOffset 和 pageYOffset 屬性。
注意： IE 8 及 更早 IE 版本不支持該屬性,但可以使用 document.documentElement.scrollLeft 和 document.documentElement.scrollTop 屬性 。
實例
實例
垂直和水準滾動 100 個像素的內容，並彈出 pageXOffset 和 pageYOffset：
window.scrollBy(100, 100);
alert("pageXOffset: " + window.pageXOffset + ", pageYOffset: " + window.pageYOffset);
實例
相容方案 (在 IE8 其更早版本中使用 scrollLeft 和 scrollTop):
window.scrollBy(100, 100);
if (window.pageXOffset !== undefined) { // 所有流覽器，除了 IE9 及更早版本
alert("水準滾動: " + window.pageXOffset
+ ", 垂直滾動: " + window.pageYOffset);
} else { // IE9 及更早版本
alert("水準滾動: " + document.documentElement.scrollLeft
+ ", 垂直滾動: " + document.documentElement.scrollTop);
}
Window 對象