Window scrollX 属性

JavaScript Window 对象

scrollX返回文档/页面水平方向滚动的像素值。

scrollX属性是pageXOffset属性的别名。

语法:

window.scrollX
var x = window.scrollX;
var y = window.scrollY;
测试看看‹/›

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

浏览器兼容性

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

属性
scrollX559

技术细节

返回值:一个数字,表示水平方向滚动的像素值

更多实例

将内容滚动100像素,并显示scrollX和scrollY:

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

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

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

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

相关参考

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

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

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

HTML DOM参考:element .scrollLeft属性

HTML DOM参考:element .scrollTop属性

JavaScript Window 对象