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

});

  

posted on 2017-10-30 11:01  木之子梦之蝶  阅读(2008)  评论(0编辑  收藏  举报

导航