您的位置:首页 > Web前端 > JavaScript

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

2016-01-12 11:10 549 查看
方法如下,可自行添加加载动画

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;
var scrollTop = $('body').scrollTop(); //滚动距离
  var scrollHeight = $(document).height(); //文档总高度
// console.log(scrollTop,windowHeight,scrollHeight);
if(scrollTop + windowHeight >= scrollHeight-50){
if(is_load){
getAllBrand_more();
}else{
return;
}

}
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js 滚动加载