借占位符实现滚动到列表底部重新加载数据_html/css_WEB-ITnose

滚动到底部更新数据是个很常见的需求，也是网站优化的一部分。

• 页面效果

pic1.png

• 第一次滚动到底部新加载数据

pic2.png

• 再滚动

pic3.png

• 源代码

  • 1
  • 1
  • 1
  • 1
  • 1
  • 1
  • 1
  • 1
  • 1
  • 1
"); $("body").css("background",randomColor()); $("#loadInfo").html(""); } $(function(){ var heightObj=new heightFuns(); window.onscroll=function(){ if(heightObj.getScrollTop()==heightObj.getScrollHeight()-heightObj.getWindowHeight()){ // setTimeout(showData,1000); showData(); $("#loadInfo").html("正在加载..."); } } });