Javascript 多次调用onScroll事件

Javascript 多次调用onScroll事件,javascript,jquery,html,Javascript,Jquery,Html,我想在用户滚动网页时加载更多内容。我试着用 多次调用的onScroll事件javascript 方法,该方法也被多次调用 我该怎么处理?这是一个浏览器问题吗 注意:我正在调用HTML的body标记上的onScroll=“function()”。在上,每个滚动都会调用任何滚动方法 因此,您应该检查用户何时滚动到底部,然后加载更多内容。滚动时加载内容:如果您在窗口移动时收到一系列事件(类似于调整大小事件),那么一个技巧是在第一次滚动事件时设置计时器1-2秒,但还不做任何事情。如果在计时器触发之前出现

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

  • 多次调用的onScroll事件javascript

  • 方法,该方法也被多次调用

  • 我该怎么处理?这是一个浏览器问题吗


    注意:我正在调用HTML的body标记上的
    onScroll=“function()”

    上,每个滚动都会调用任何滚动方法


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

    滚动时加载内容:

    如果您在窗口移动时收到一系列事件(类似于调整大小事件),那么一个技巧是在第一次滚动事件时设置计时器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);
    });
    

    我不确定问题是什么,但我尽我所能回答你的意思是,一旦你滚动事件被触发多次?或者你一直滚动?我只滚动一次,但事件被多次调用。我使用的是Android手机,它有webkit引擎,chrome浏览器是guess。@Preethi在每个小滚动上都会调用滚动。我将超时设置为250ms,可以很好地防止用户在手机上滚动页面时出现此问题。