您好,欢迎来到图奈娱乐。
搜索
您的当前位置:首页JS简单实现滑动加载数据实例分享

JS简单实现滑动加载数据实例分享

来源:图奈娱乐


本文主要介绍了JS简单实现滑动加载数据的方法,涉及javascript事件响应及页面元素属性动态操作相关技巧,需要的朋友可以参考下,希望能帮助到大家。

//滑动
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
 }
}

Copyright © 2019- tnml.cn 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务