打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
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);



本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
实现一个简单的vue无限加载指令方法
[JS前端开发] js/jquery控制页面动态加载数据 滑动滚动条自动加载事件
微信小程序之下拉加载和上拉刷新
Js经典实例收集
javascript知识点收藏
scrollLeft,scrollTop,滚动代码的总结 盒子模式
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服