js实现滑动到页面底部自动加载更多功能
话不多说,请看代码:
//滚动条到页面底部加载更多案例
$(window).scroll(function(){
varscrollTop=$(this).scrollTop();//滚动条距离顶部的高度
varscrollHeight=$(document).height();//当前页面的总高度
varclientHeight=$(this).height();//当前可视的页面高度
//console.log("top:"+scrollTop+",doc:"+scrollHeight+",client:"+clientHeight);
if(scrollTop+clientHeight>=scrollHeight){//距离顶部+当前高度>=文档总高度即代表滑动到底部count++;//每次滑动count加1
filterData(serviceTypeId,industryId,cityId,count);//调用筛选方法,count为当前分页数
}elseif(scrollTop<=0){
//滚动条距离顶部的高度小于等于0TODO
//alert("下拉刷新,要在这调用啥方法?");
}
});
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持毛票票!