javascript - 滚动事件和 scrollTop 在 firefox 中不起作用

Question

我想得到 scrollTop滚动事件的值。

在 Chrome 上运行良好，但在 Firefox 上运行不佳。 crossbrowser/vanilla JS 有什么办法？

var i = 0;
window.onscroll = function () {
    var scrollTop = document.body.scrollTop;
    console.log(scrollTop,i); // always 0, (i works as expected)
    i++;
};

Fiddle

P.s.- 我不认为 setTimeout 是一个很好的实践/解决方案...

Answer 1

var i = 0;
var doc = document;
window.onscroll = function () {
    var scrollTop = doc.documentElement.scrollTop || doc.body.scrollTop;
    console.log(scrollTop,i);
    i++;
};

https://developer.mozilla.org/en-US/docs/Web/API/document.documentElement