您好,欢迎光临本网站![请登录][注册会员]  
文件名称: js实现滚动条滚动到页面底部继续加载
  所属分类: 其它
  开发工具:
  文件大小: 66kb
  下载次数: 0
  上传时间: 2020-11-23
  提 供 者: weixin_********
 详细说明:这个实例应该说可以很简单,直接使用jQuery的方法来处理也是可以的。但本文底层使用原生的js来处理,遇到一些小知识点可以分析一下也算有所得。 原理很简单,就是为window添加一个scroll事件,浏览器每次触发scroll事件时判断是否滚动到了浏览器底部,如果到了底部则加载新数据。关键是计算滚动条是否滚动到了浏览器底部,算法如下 滚动条卷起来的高度 + 窗口高度 > 文档的总高度 + 50/*我这里将滚动响应区域高度取50px*/;如果这个判断为true则表示滚动条滚动到了底部。 实例