JS简单实现滑动加载数据的方法示例
2017-10-18 10:53
1056 查看
//滑动 function getScrollTop() { var scrollTop = 0; if (document.documentElement && document.documentElement.scrollTop) { scrollTop = document.documentElement.scrollTop; }else if (document.body) { scrollTop = document.body.scrollTop; } return scrollTop; } //获取当前可视范围的高度 function getClientHeight() { var clientHeight = 0; if (document.body.clientHeight && document.documentElement.clientHeight) { clientHeight = Math.min(document.body.clientHeight, document.documentElement.clientHeight); }else { clientHeight = Math.max(document.body.clientHeight, document.documentElement.clientHeight); } return clientHeight; } //获取文档完整的高度 function getScrollHeight() { return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight); } //绑定事件 window.onscroll = function () { if (getScrollTop() + getClientHeight() == getScrollHeight()) { //dosomething } }
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- JS实现图片延迟加载并淡入淡出效果的简单方法
- js简单实现图片延迟加载的方法
- JS简单实现动态添加HTML标记的方法示例
- Android实现滑动加载数据的方法
- js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
- vue.js实现请求数据的方法示例
- js简单实现Select互换数据的方法
- js数字滑动时钟的简单实现(示例讲解)
- JS简单实现数组去重的方法示例
- JS简单实现查看文档创建日期、修改日期和文档大小的方法示例
- 2种方法简单爬取JS加载的动态数据
- 原生JS简单实现ajax的方法示例
- JS+WCF实现进度条实时监测数据加载量的方法详解
- js简单实现图片延迟加载的方法
- 简单一步实现ViewPager滑动到指定页加载数据
- js简单实现Select互换数据的方法
- asp.net2.0实现主从数据表的简单方法
- C#.NET示例读写xml所有节点的代码实现方法和读取xml节点的数据总结
- AjaxPanel自定义控件实现页面无刷新数据交互(做了个示例程序, 效果确实比较Cool, 用法非常简单! )(示例代码下载)
- [导入]AjaxPanel自定义控件实现页面无刷新数据交互(做了个示例程序, 效果确实比较Cool, 用法非常简单! )(示例代码下载)