1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 原生js判断滚动条滚到底部

原生js判断滚动条滚到底部

时间:2022-06-19 00:27:28

相关推荐

原生js判断滚动条滚到底部

如题

开发中经常遇到,滚动条滚到底部加载下一页,或者给出提示的需求,也踩过一些坑。

坑的表现:

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。