页面滚动条滑动至底部加载信息

Posted 2020-12-25 zhangyong0908

$(window).scroll(function(){
 
  var scrollTop = $(this).scrollTop();    //滚动条距离顶部的高度
  var scrollHeight = $(document).height();   //当前页面的总高度
  var clientHeight = $(this).height();    //当前可视的页面高度
  // console.log("top:"+scrollTop+",doc:"+scrollHeight+",client:"+clientHeight);
  if(scrollTop + clientHeight >= scrollHeight){   //距离顶部+当前高度 >=文档总高度 即代表滑动到底部 
      var html=‘‘;//需要添加的数据信息
      
      $(‘.masonry‘).append(html);//添加到哪里去    
  }
});