javascript - 滚动功能不适用于 Chrome

Question

以下代码适用于 Firefox 浏览器。但是，不是 Chrome 。下面的代码有什么问题？

window.onload = function()
{
   document.body.onscroll =  Test.callFn;
}

var Test = new function()
{
   this.callFn = function()
   {
      console.log("Calling this function");
   }
}

谢谢

Answer 1

我今天遇到了类似的问题。您可以将 document.body 更改为 window:

window.onload = function()
{
   window.onscroll = function()
   {
      console.log("Calling this function");
   }
}

我注意到在 chrome 中 onscroll 事件在 body 元素具有 onscroll 属性时起作用，但在 IE 中它在 html 时起作用元素有onscroll属性，所以最好将onscroll事件监听器分配给window对象。

附言。如果您想检查滚动了多少像素 - 使用 window.pageYOffset 而不是 document.body.scrollTop(与上述 chrome 和 IE 的情况相同)。