如何让页面刚加载没数据不显示js

 时间:2024-10-20 01:59:53

1、殂翼瑟擀实现触发ajax加载,把请求返回的数据加载到列表后面。判断滚动条是否滚动到页面底部?可以设置一个规则:当滚动条的滚动高度和整个文档高度相差不到20像素,则鹚剖蛲蛋认为滚动条滚动到页面底部了:文档高度 - 视口高度 - 滚动条滚动高度 < 20。通过代码实现这样的判断,封装了一个方法代码:检测滚动条是否滚动到页面底部

如何让页面刚加载没数据不显示js

2、引入需要js文件:

如何让页面刚加载没数据不显示js

3、.可以开启一个定时器,900毫秒监测一次,如果isScrollToPageBottom()返回true则调用ajax请求数据,如果返回false则通过900毫秒之后再监测。下面是代码实现:为一个对象的w和h属性返回视口的尺寸代码

如何让页面刚加载没数据不显示js

4、检测滚动条是否滚动到页面底部方法代码:

如何让页面刚加载没数据不显示js

5、商品模板方法代码:

如何让页面刚加载没数据不显示js

6、初始化的时候默给list加载50条数据代码

如何让页面刚加载没数据不显示js

7、加载数据的处理方法代码:

如何让页面刚加载没数据不显示js
如何让页面刚加载没数据不显示js

8、滚动条滚动到页面底部,需要加载新的数据,并且显示加载提示信息:

如何让页面刚加载没数据不显示js

9、通过ajax请求我是通过jquery-mockjax模拟的数据代码:

如何让页面刚加载没数据不显示js

10、测试效果:

如何让页面刚加载没数据不显示js
  • 数据报表FineReport中分页时重复显示标题
  • winform的DataGridView怎么加RowPostPaint事件
  • jQuery如何让元素轮流循环显示
  • js如何创建一个textarea元素
  • java的“jar”包下载
  • 热门搜索
    世界无烟日手抄报图片 数学手抄报五年级 我的2035年手抄报图片 元宵节手抄报大全 关于长城的手抄报 党史国史手抄报 我爱文学手抄报 立夏手抄报 2035年的家乡手抄报 安全小知识手抄报