最新的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);
}
试一试»

<窗口对象