瀑布流布局ajax问题

Question

在学习瀑布流布局。使用onscroll监听是否滑倒了底部，然后ajax加载新数据。问题是onscroll会连续触发，导致加载了太多的数据，页面很卡。怎么解决?

Answer 1

你不是说过，判断是否滚动到了底部么。。。。这就可了呀

要不然就是你 Ajax 成功之前，还触发了 onscroll 。。。这个时候由于Ajax 还没有加载成功，所以页面还是那么高，所以就多次触发了。这样的话可是在 Ajax 的时候屏蔽 onscroll 事件。
Ajax 成功，或是尝试几次失败之后重新允许。

Answer 2

var isScroll = false;
window.onscroll = function(){
    if(isScroll) return;
    isScroll = true;
    ajax({
         success: function(){
            //....干你想干的事
            isScroll = false;
         }
    });
}