onScroll事件多次调用

Question

当用户滚动网页时，我想加载更多的内容。我试着用

1. onScroll事件javascript，它被多次调用
2. jQuery .scroll()方法，也称为.

方法。

我该怎么处理？这是浏览器问题吗？

注意:我正在调用onScroll = "function()"的主体标记上的HTML。

Answer 1

滚动时加载内容：http://www.webresourcesdepot.com/load-content-while-scrolling-with-jquery/

Answer 2

在上，每个滚动都将调用任何滚动方法

因此，您应该检查何时用户滚动到底部，然后加载更多的内容。

Answer 3

如果您在窗口移动时得到一系列事件(类似于调整大小事件)，那么一个技巧是在第一个滚动事件上设置一个1-2秒的计时器，但还不能做任何事情。如果随后的滚动事件出现在计时器触发之前，则停止前一个计时器并设置一个新的计时器。当用户停止滚动一段时间后，计时器将触发，然后您可以处理滚动事件。如果他们再滚动一些，整个过程就会重复。

jQuery伪代码示例：

var scrollTimer = null;
$("#target").scroll(function(){
    if (scrollTimer) {
        clearTimeout(scrollTimer);  // clear previous timer
    }
    // set timer while we wait for a pause in scroll events
    scrollTimer = setTimeout(function() {
        scrollTimer = null;  // timer done here
        // do your dynamic loading here
    }, 1000);
});