Window pageXOffset 和 pageYOffset 屬性

Window 對象

定義和用法

pageXOffset 和 pageYOffset 屬性返回文檔在窗口左上角水平和垂直方向滾動的像素。

pageXOffset 設(shè)置或返回當(dāng)前頁面相對于窗口顯示區(qū)左上角的 X 位置。pageYOffset 設(shè)置或返回當(dāng)前頁面相對于窗口顯示區(qū)左上角的 Y 位置。

pageXOffset 和 pageYOffset 屬性相等于 scrollX 和 scrollY 屬性。

這些屬性是只讀的。

語法

window.pageXOffset
window.pageYOffset

瀏覽器支持

表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號。

屬性
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 屬性。

實(shí)例

垂直和水平滾動 100 個(gè)像素的內(nèi)容，并彈出 pageXOffset 和 pageYOffset：

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

運(yùn)行代碼 ?

實(shí)例

兼容方案 (在 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); }

運(yùn)行代碼 ?

Window 對象其他擴(kuò)展

上一篇：Window outerWidth 和 outerHeight 屬性下一篇：Window parent 屬性