滚屏加载数据重复加载问题
自己写了个滚动加载的代码但是出现一个问题就是滚动会重复加载，请问如何使页面不重复加载
$(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;
}滚动时候数据会重复加载
展开
收起
1
条回答
写回答
写回答
-
社区爱好者，专为云栖社区服务！从你的代码来看，在每一次的scroll事件中，你的btnflag始终为true，根本没有起到标识变量的作用。我对代码稍作了些修改，供参考。
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 19:13:38赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
