移动端下拉加载

$(".wrapper").scroll(function(){
var $this =$(this),
viewH =$(this).height(),//可见高度
contentH =$(this).get(0).scrollHeight,//内容高度
scrollTop =$(this).scrollTop();//滚动高度
//if(contentH - viewH - scrollTop <= 100) { //到达底部100px时,加载新内容
if(scrollTop/(contentH -viewH)>=0.95){ //到达底部100px时,加载新内容
cursor = cursor + 10;
var getMoreJobsUrl = apiUrl+"/nj/act/jobs/2b/"+params.companyId+"/"+cursor;
if(isRequest){
$.ajax({
url: getMoreJobsUrl,
type: 'GET',
headers: {
'x-auth-token': Cookies.get('x-auth-token')
},
success: function (res) {
if(res.data && res.data.records.length>0){
var jobsList=res.data.records;
if(jobsList.length<10){
isRequest=false;
}else {
isRequest=true;
}
if (res.code === 200) {
$.each(jobsList,function(index,item){
var tag='';
var salary=salaryByYear (item.salary);
var salaryHigh=salaryByYear (item.salaryHigh);
if(item.tag){
var tagList=item.tag.split(",");
$.each(tagList,function(indexs,items){
tag+='<span>'+items+'</span>';
})
}
var jobListWrap= '<div data-id=' + item.id + ' data-zcqid=' + item.zcqId +' class="jobListWrap clearfix" >'
+' <div class="jobName clearfix">'
+'<span>'+item.name+'</span>'
+'<span>'+salary+'-'+salaryHigh+'/年</span>'
+'</div>'
+'<div class="decribe clearfix">'
+tag
+' </div>'
+' <div class="priceDirect"><span>直客价:'+item.listPrice+'</span></div>'
+'<div class="priceConsulting"><span>咨询服务费:'+item.rebate+'</span></div>';
if (item.isServing) {
jobListWrap += '<button class="Button serviceBtn">服务中...</button>';
} else {
jobListWrap += '<button class="Button">服务</button>';
}
jobListWrap += ' </div>';
$(".wrapper").append(jobListWrap)
})

} else {
Message.error(res.message || '获取code失败')
}
}

}

});

}
}
});

猜你喜欢

转载自www.cnblogs.com/liuerpeng/p/9982819.html