滚动事件和 scrollTop 在 Firefox 中不起作用答案

【问题标题】：scroll eevent and scrollTop not working in firefox滚动事件和 scrollTop 在 Firefox 中不起作用
【发布时间】：2013-11-20 20:55:57
【问题描述】：

我想在滚动事件中获取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 是一个很好的实践/解决方案......

【问题讨论】：

Firefox scrollTop problem的可能重复
@putvande，我确实阅读了 2011 年的答案。我不认为 setTimeout 是一个很好的实践/解决方案......
@Adeneo？我很高兴看到你的答案，但它消失了......

标签： javascript

【解决方案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

【讨论】：