Window scrollY 属性

JavaScript Window 对象

scrollY只读属性返回文档在垂直方向已滚动的像素值。

该scrollY属性是pageYOffset属性的别名。

语法:

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

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

浏览器兼容性

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

属性
scrollY559

技术细节

返回值:一个数字,表示文档从顶部开始滚动过的像素值

更多实例

将内容滚动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.scrollX属性

HTML DOM参考:element .scrollLeft属性

HTML DOM参考:element .scrollTop属性

JavaScript Window 对象