如题
开发中经常遇到,滚动条滚到底部加载下一页,或者给出提示的需求,也踩过一些坑。
坑的表现:
1)还没到底部,就已经触发了加载下一页的方法(以前遇到过,但是错误的代码已经忘了)
2)多次触发,导致多次调用或者一些异常情况
3)在滚动的时候,偶尔会出现ScrollTop值为空或者undefined的情况
网上的方法不一定奏效的,贴两个原生解决方法:
//滚动条在Y轴上的滚动距离function getScrollTop() {var scrollTop = 0, bodyScrollTop = 0, documentScrollTop = 0;if (document.body) {bodyScrollTop = document.body.scrollTop;}if (document.documentElement) {documentScrollTop = document.documentElement.scrollTop;}scrollTop = (bodyScrollTop - documentScrollTop > 0) ? bodyScrollTop : documentScrollTop;return scrollTop;}//文档的总高度function getScrollHeight() {var scrollHeight = 0, bodyScrollHeight = 0, documentScrollHeight = 0;if (document.body) {bodyScrollHeight = document.body.scrollHeight;}if (docume