本文主要介绍了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 } }
相关推荐：
javascript - js如何在滑动加载的时候限定滑动的加载次数
javascript vue.js表格分页，ajax异步加载数据
bootstrap treeview实现动态加载数据及快捷搜索功能的实现
以上就是js简单实现滑动加载数据实例分享的详细内容。