欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-28 12:04:44
...

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

  • 页面效果

pic1.png

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

pic2.png

  • 再滚动

pic3.png

  • 源代码

    Document
    • 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("正在加载..."); } } });