下拉加载更多--判断页面距离
2017-11-23 00:00
316 查看
/* *下拉加载更多使用 *底部小于50返回false--加载,否则不加载 * */ function lowEnough(){ var pageHeight = Math.max(document.body.scrollHeight,document.body.offsetHeight); //页面高度 var viewportHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight || 0; //可视区域高度 var scrollHeight = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0; //网页被卷去的高 return pageHeight - viewportHeight - scrollHeight < 50; }
当滚动距离小于50时,就加载新的数据,否则不加载,异步加载
相关文章推荐
- 使用mescroll来实现移动端页面上拉刷新, 下拉加载更多功能
- web页面在滚动条下拉时加载更多内容(个人项目经验)
- jQuery手机端上拉刷新下拉加载更多页面
- web页面在滚动条下拉时加载更多内容
- 页面下拉到底部自动加载更多
- jQuery模拟原生态App上拉刷新下拉加载更多页面及原理
- jQuery模拟原生态App上拉刷新下拉加载更多页面及原理
- jQuery手机端上拉刷新下拉加载更多页面
- 判断页面加载后是否所有的下拉框都有数据
- Delphi中WebBrowser判断页面及JS是否加载完成
- CHtmlView中,判断一个页面加载完成的准确方法
- JQuery实现滚动到页面底端时自动加载更多信息
- 页面加载时判断是否登陆(js)
- js中常用方法以及document.readyState 判断页面是否加载完成 complete和interactive
- thinkphp5.0+js 手机下拉加载更多
- 安卓,采用最简单易懂的方式实现上拉刷新下拉加载更多
- js判断页面第一次加载,第一次加载
- 设置软件启动时候的图片,然后通过数据库,判断是否加载引导页面
- Jquery鼠标滚动到页面底部自动加载更多内容,使用分页
- selenium下拉等待页面完全加载