码迷,mamicode.com
首页 > 其他好文 > 详细

简单的下拉加载和上拉加载

时间:2018-04-13 15:06:51      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:else   fun   fresh   等于   OLE   UNC   bsp   div   文档   

function refresh(refresh,loadmore) {
  $(window).scroll(function(){
    console.log(‘正在滑动‘);
    var scrollTop = $(this).scrollTop();    //滚动条距离顶部的高度
    var scrollHeight = $(document).height();   //当前可视文档的总高度
    var clientHeight = $(document.body).height();    //文档总高度
  
    
    if(scrollTop + clientHeight >= scrollHeight){   //距离顶部+当前高度 >=文档总高度 即代表滑动到底部
     
      console.log(‘下拉‘);
      //在这调用方法
      if(loadmore){
        loadmore();
      }
    }else if(scrollTop<=0){
      //滚动条距离顶部的高度小于等于0
      
      
      console.log(‘上拉‘);
       //在这调用方法
      if(refresh){
        refresh();
      }

    }

  });

}


//调用
refresh();

 

简单的下拉加载和上拉加载

标签:else   fun   fresh   等于   OLE   UNC   bsp   div   文档   

原文地址:https://www.cnblogs.com/aSnow/p/8820242.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!