开发者社区> 问答> 正文

滚屏加载数据重复加载问题

自己写了个滚动加载的代码但是出现一个问题就是滚动会重复加载,请问如何使页面不重复加载

$(window).on('scroll', function () {
var btnflag=true;
if($(document).scrollTop() + $(window).height() > $(document).height() - 100){

push();
if(btnflag){
  btnflag=false;
  push();
}

};
})
function push() {
//ajax添加数据相关
btnflag=true;
}
滚动时候数据会重复加载

展开
收起
a123456678 2016-07-29 11:17:38 2578 0
1 条回答
写回答
取消 提交回答
  • var loading = false;
    $(window).on('scroll', function () {
    if($(document).scrollTop() + $(window).height() > $(document).height() - 100){

    if(!loading){
      push();
    }

    };
    })
    function push() {
    //ajax添加数据相关
    loading = true;
    $.ajax(...)
    .done(function () {

     loading = false;

    });
    }

    2019-07-17 20:01:43
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载