js实现滑动到页面底部自动加载更多功能

作者:简简单单 2017-04-06

 

 代码如下复制代码

//滚动条到页面底部加载更多案例

$(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){

 //滚动条距离顶部的高度小于等于0 TODO

 //alert("下拉刷新,要在这调用啥方法?");

 }

});

 

相关文章

精彩推荐