HTML5网页设计

其他代码

Scroll判定时避免重复执行

时间:2015-03-10 15:58来源:未知作者:user点击:
在利用window.scroll函数来判定当前窗口滚动时加载信息,但是往往滚动的长度会影响加载信息的次数,这样就会导致重复加载了同样的内容。

在利用window.scroll函数来判定当前窗口滚动时加载信息,但是往往滚动的长度会影响加载信息的次数,这样就会导致重复加载了同样的内容。所以在这里,需要加一个flag,以及配合用setTimeout来执行清除flag标记。

代码如下:

var flag = false;
(window).scroll(function(){
if (($(document).height() - $(this).scrollTop() - $(this).height()<1000) && (flag == false)) {
	flag = true;
        setTimeout(loadMore(),3000);
}

function loadMore(){
        //do something...
        flag = false;
}

上面就是利用flag变量防止scroll时重复执行function的有效方法。


阅完本篇文章?您还可以: 收藏本文 文章挑错 朋友推荐