该scrollY只读属性返回文档在垂直方向已滚动的像素值。
该scrollY属性是pageYOffset属性的别名。
window.scrollY
var x = window.scrollX; var y = window.scrollY;测试看看‹/›
注意: scrollX和scrollY属性等于pageXOffset和pageYOffset属性。
表中的数字指定了完全支持scrollY属性的第一个浏览器版本:
属性 | |||||
scrollY | 是 | 55 | 是 | 是 | 9 |
返回值: | 一个数字,表示文档从顶部开始滚动过的像素值 |
---|
将内容滚动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属性