在学习瀑布流布局。使用onscroll监听是否滑倒了底部,然后ajax加载新数据。问题是onscroll会连续触发,导致加载了太多的数据,页面很卡。怎么解决?
var isScroll = false;
window.onscroll = function(){
if(isScroll) return;
isScroll = true;
ajax({
success: function(){
//....干你想干的事
isScroll = false;
}
});
}
你不是说过,判断是否滚动到了底部么。。。。这就可了呀
要不然就是你 Ajax 成功之前,还触发了 onscroll 。。。这个时候由于Ajax 还没有加载成功,所以页面还是那么高,所以就多次触发了。这样的话可是在 Ajax 的时候屏蔽 onscroll 事件。
Ajax 成功,或是尝试几次失败之后重新允许。