pc端頁面加載更多條信息(loading)


解決這個問題的根本思路是:

1、怎樣判斷是否滾動到瀏覽器窗口最底部

2、滾動到最底部后在去加載更多的信息

$(window).scroll(function() {
  var viewHeight =$(window).height();//可見高度
  var contentHeight =$("#content").get(0).scrollHeight;//內容高度
  var scrollHeight =$(document).scrollTop();//滾動高度
  console.log(contentHeight - viewHeight - scrollHeight);
  if(contentHeight - viewHeight - scrollHeight<=0) {
    setTimeout(loading,1000);
    function loading(){
      var originalHtml=$("#originalHtml").html();
      var loadingHtml=$("#loadingHtml").html();
      $("#loadingHtml").html(loadingHtml+originalHtml);
    }
  }

});

  


免責聲明!

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



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