基于jq 滚动条到底加载更多的方法

时间:2021-09-19 09:51:44

方法如下,可自行添加加载动画

var page=1;
var is_load=true;
function getAllBrand_more(){//滚动条到底部加载更多
page+=1;
is_load=false;
jsonAjax(API.API_LIST.SHOP_DETAIL,{'userid':userid,'page':page,},function(data){
if(data.status==1){
doTAppend(data,$('#ShopAll'));
is_load=true;
}
});
}
$('body').on('touchmove',function(e){
var windowHeight= document.documentElement.clientHeight;
varscrollTop = $('body').scrollTop(); //滚动距离
  varscrollHeight = $(document).height(); //文档总高度
// console.log(scrollTop,windowHeight,scrollHeight);
if(scrollTop + windowHeight >= scrollHeight-50){
if(is_load){
getAllBrand_more();
}else{
return;
}

}
});