1. 程式人生 > >移動端下拉載入

移動端下拉載入

$(".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失敗')
}
}

}

});

}
}
});