js仿移动端的下拉刷新,上拉加载更多。
/** * Created by libtop on 17/3/14. */ // 加载刷新。 function refresh(refresh,loadmore) { $(window).scroll(function(){ console.log(\'正在滑动f\'); var scrollTop = $(this).scrollTop(); //滚动条距离顶部的高度 var scrollHeight = $(document).height(); //当前页面的总高度 var clientHeight = $(this).height(); //当前可视的页面高度 // console.log("top:"+scrollTop+",doc:"+scrollHeight+",client:"+clientHeight); if(scrollTop + clientHeight >= scrollHeight){ //距离顶部+当前高度 >=文档总高度 即代表滑动到底部 count++; //每次滑动count加1 // filterData(serviceTypeId,industryId,cityId,count); //调用筛选方法,count为当前分页数 console.log(\'下拉\'); if(loadmore){ loadmore(); } }else if(scrollTop<=0){ //滚动条距离顶部的高度小于等于0 TODO //alert("下拉刷新,要在这调用啥方法?"); console.log(\'上拉\'); if(refresh){ refresh(); } } }); }
//调用
refresh(fn1,fn2);
版权声明:本文为handsomeBoys原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。