瀑布流等scroll判定时避免重复执行 – 千丝海阁

首页 » Javascript » 瀑布流等scroll判定时避免重复执行

瀑布流等scroll判定时避免重复执行

3798 9

瀑布流的原理是利用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的有效方法。

文章评分5次,平均分4.0

本文原始地址:https://www.tiandiyoyo.com/2014/03/js-scroll-define-flag-to-avoid-repeat-action/
本站所有文章,除了特别注明外,均为本站原创,转载请注明出处来自www.tiandiyoyo.com

您可能还会对以下文章感兴趣:

    没有相关的文章

评论前先开启评论开关:


9 Comments

  1. 标志法,是最好接受和理解的,好像高级点的还有“随性函数”。

  2. 这个比较好用。还有你这个评论上面的开启按钮是怎么设置的 求赐教

  3. Mooc :

    瀑布流太难了QAQ

  4. 周末愉快,周末我得加班写论文,辛苦辛苦,拖延心理要不得啊,共同努力吧!

  5. wo受教,表示不会瀑布流

  6. 我之前用了一个瀑布流的主题,,,超级卡!!根本打不开

载入分页评论...