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