移动端html5判断是否滚动到底部并且下拉加载

loadingState.text = true;
//内容缓慢淡出
$(this).animate({
scrollTop:sTop+80
},1000)
var options = data['options'+(index+1)];
//页数加一
options.page += 1;
//加载新获取的内容
textRender(options);
}
}
}

//加载实现函数
funtion textRender(obj){
//要添加的内容
if(obj == options1){
console.log(obj);
$.get(httpUrl2,obj).then(function(res){
res.result.forEach(function(item,i){
var html = `
<div class="mui-card">
<div class="mui-card-header mui-card-media">
<img src="${item.header}">
<div class="mui-media-body">
${item.name}
<p>发表于 ${item.passtime}</p>
</div>

</div>
<div class="mui-card-content">
<div class="mui-card-content-inner">
<p>${item.text}</p>
</div>
</div>
<div class="mui-card-footer">
<a class="mui-card-link">喜欢</a>
<a class="mui-card-link">评论</a>
</div>
</div>
`
$('.content:eq(0)').append(html).css('backgroundImage',"none")
loadingState.text = false;
$('.loading.text').stop(true).slideUp(2000,function(){
$('.loading.text').remove()
})
})
})
}
}