$("#list").on('scroll',function(){
var scrollHeight = this.scrollHeight;
var scrollTop = $(this).scrollTop();
var clientHeight = this.clientHeight;
if(scrollTop == 0){
console.log('触顶');
}
if(scrollHeight - (scrollTop + clientHeight) <= 2){
page+=1;
if(page < 6){
$(".loading").empty();
if($(".loadmore").length==0){
$(".loading").show();
var txt='<div class="loadmore"><span class="loading"></span>加载中</div>'
$(".loading").append(txt);
}
for(var i=0;i<10;i++){
var html = "<li>xxx</li>";
$(".ul1").append(html);
}
}else if(page == 6){
var overtext="已加载全部";
$(".loading").empty();
var txt='<div class="loadover"><span>'+overtext+'</span></div>'
$(".loading").append(txt);
}
}
})
#list为列表块,也就是滚动加载的列表数据的那块div;page为最大页码数,这个由后台传过来(我当时是每次加载都向后台重新请求)