Window pageYOffset 属性

JavaScript Window 对象

pageYOffset只读属性返回当前文档从窗口左上角垂直滚动的像素。

pageYOffset属性是scrollY属性的别名。

语法:

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

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

浏览器兼容性

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

属性
pageYOffset9

技术细节

返回值:一个数字,表示文档已经从窗口左上角垂直滚动的像素数

更多实例

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

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

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

HTML DOM参考:element .scrollLeft属性

HTML DOM参考:element .scrollTop属性

JavaScript Window 对象