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);



  • 相关阅读:
    为aptget设置http代理[转]
    tty&pty
    Overfencing
    ubuntu修改runlevel
    ls l文件类型[转]
    ubuntu文字界面与图形界面切换
    ubuntu没有/etc/inittab文件
    linux一些缩写的意思
    redhat server 5.4安装中文
    关闭linux警报
  • 原文地址:https://www.cnblogs.com/handsomeBoys/p/6557839.html
Copyright © 2011-2022 走看看