簡單的下拉加載和上拉加載


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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM