javascript - 滚动事件触发次数过多。我只希望它每秒最多触发一次

Question

我有一个带有“无限滚动”的页面。它计算页面末尾和当前页面之间的差异，如果差异足够小，则加载更多内容。使用 jQuery 的代码是这样的:

$(window).on('scroll', function() {
    if (window.pageYOffset > loadMoreButton.offsetTop - 1000)
        # load more content via ajax
}

现在，问题是每次我滚动时，每次滚动都会触发多次此事件。我想最多每 x 毫秒开一次火。我该怎么做？

Answer 1

查看 Underscore.js 库的“throttle”方法。

http://underscorejs.org/#throttle

它给出的示例正是您要问的 - 限制处理滚动事件的频率。