javascript - javascript中scrollTop不适用于窗口滚动

Question

我正在尝试将 onscroll 函数附加到 window.但是当我使用 scrollTop 来获取滚动位置时，它给了我未定义的位置。 scrollTop 只能与文档元素一起使用吗？

window.onscroll=function(){
  console.log(this.scrollTop)
}

工作代码

window.onscroll=function(){
  console.log(this.scrollY)
}

Answer 1

是的，scrollTop 只能用于可滚动元素，例如 document.documentElement.scrollTop 或 document.body.scrollTop 或一个textarea，一个div，...

所有浏览器兼容的代码

window.onscroll=function(){
  console.log((document.documentElement || document.body.parentNode || document.body).scrollTop)
}

发现于document.body.scrollTop vs document.documentElement.scrollTop