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("下拉刷新,要在这调用啥方法?"); } });
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持毛票票!