window.pageYOffset vs document.documentElement.scrollTop

Question

在Javascript window.pageYOffset和document.documentElement.scrollTop中，两者都以像素为单位测量窗口顶部到其最顶部可见内容的距离。两者都相同还是我错过了什么？

IE＆lt;不支持信任window.pageYOffset 9但如果假设IE> 8则

• 何时使用它们
• 他们之间的区别

Answer 1

window.pageYOffset 和 document.documentElement.scrollTop 在所有情况下都会返回相同的结果。

是的，IE 9下不支持 window.pageYOffset 。

scrollTop（）方法也可用于获取特定元素的垂直滚动条位置。

Answer 2

使用Jquery mobile在跨平台移动应用程序开发中可以清楚地看到这两者之间的差异。在那里，可以在单个html页面中定义多个页面。

当您在特定页面中时，

document.documentElement.scrollTop将非常有用，并希望相对于该页面的值仅将window.pageYOffset应用于整个html页面。

否则就像克里什提到的那样，这两者的结果基本相同。

Answer 3

document.documentElement.scrollTop不适用于Safari或Apple产品。

window.pageYOffset可以。它们似乎产生相同的值。