Window pageXOffset 属性

JavaScript Window 对象

pageXOffset只读属性返回从窗口左上角水平滚动当前文档的像素。

pageXOffset属性是scrollX属性的别名。

语法:

window.pageXOffset
var x = window.pageXOffset;
var y = window.pageYOffset;
测试看看‹/›

注意: pageXOffset和pageYOffset属性等于scrollX和scrollY属性。

浏览器兼容性

表中的数字指定了完全支持pageXOffset属性的第一个浏览器版本:

属性
pageXOffset9

技术细节

返回值:一个数字,表示该文件已经从窗口左上角水平滚动的像素数

更多实例

将内容滚动100像素,并显示pageXOffset和pageYOffset:

window.scrollBy(100, 100);
var x = window.pageXOffset;
var y = window.pageYOffset;
测试看看‹/›

跨浏览器解决方案(对于IE8和更早版本,使用scrollLeft和scrollTop):

var x = (window.pageXOffset !== undefined)
  ? window.pageXOffset
  : (document.documentElement || document.body.parentNode || document.body).scrollLeft;

var y = (window.pageYOffset !== undefined)
  ? window.pageYOffset
  : (document.documentElement || document.body.parentNode || document.body).scrollTop;
测试看看‹/›

相关参考

窗口(Window)参考:window.pageYOffset属性

窗口(Window)参考:window.scrollX属性

窗口(Window)参考:window.scrollY属性

HTML DOM参考:element .scrollLeft属性

HTML DOM参考:element .scrollTop属性

JavaScript Window 对象