最新的Web開發教程
 

窗口pageXOffset和pageYOffset屬性

<窗口對象

滾動100像素的內容,並提醒pageXOffset和pageYOffset:

window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);
試一試»

更多"Try it Yourself"下面的例子。


定義和用法

的pageXOffset和pageYOffset屬性返回當前文檔已經被從窗口的左上角滾動的像素中,水平和垂直方向。

的pageXOffset和pageYOffset性能等於scrollX和scrollY性質。

這些屬性是只讀的。


瀏覽器支持

在表中的數字規定,完全支持該財產瀏覽器版本。

屬性
pageXOffset 9
pageYOffset 9

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);
}
試一試»

<窗口對象