document.documentElement.scrollTop与window.pageYOffset是不是一回事？

Question

我在《javascript权威指南》上看到这两个好像都是指的滚动条的位置，并且document.documentElement.scrollTop是所有现在浏览器都支持的，但是我滚动滚动条，document.documentElement.scrollTop的值始终是0，window.pageYOffset会随着滚动而变化。用的chrome的最新版本。

$(window).on('load scroll',function()
{
    
    console.log(document.documentElement.scrollTop);
   
});

Answer 1

不是的，document.documentElement.scrollTop存在bug，Chrome中会是0
window.pageYOffset是滚动条距离顶部的偏移量

Answer 2

console.log( document.documentElement.scrollTop + document.body.scrollTop );

请用这一句 参考 chrome下document.documentElement.scrollTop的Bug

PS：虽然直接写document.body.scrollTop也可以，但是建议两个都写上。 ：)