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

});

  

DO What You Want !
原文地址:https://www.cnblogs.com/liumengdie/p/7753597.html