zoukankan      html  css  js  c++  java
  • 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);



  • 相关阅读:
    Linux
    Linus
    Linux
    Linux
    Linux
    Linux
    Linux
    Linux
    Django日志配置
    linux
  • 原文地址:https://www.cnblogs.com/handsomeBoys/p/6557839.html
Copyright © 2011-2022 走看看