借占位符实现滚动到列表底部重新加载数据_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("正在加载..."); } } });
上一篇: 小程序开发的简单实例代码