兼容QQ浏览器，UC浏览器滚动到底部

最新推荐文章于 2022-10-14 17:56:47 发布

Kr.Chen

最新推荐文章于 2022-10-14 17:56:47 发布

阅读量750

点赞数 2

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_16932865/article/details/97237722

版权

javascript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

在之前从未了解过这种情况，曾以为都是一样的使用

clientHeight+scrollTop == scrollHeight都能兼容这些浏览器，但是最近做一个底部加载发现并没有用

通过对一些资料的查询，得出一个兼容到手机QQ浏览器的到底部的代码

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(document.documentElement){
		　　　　documentScrollHeight = document.documentElement.scrollHeight;
		　　}
		　　scrollHeight = (bodyScrollHeight - documentScrollHeight > 0) ? bodyScrollHeight : documentScrollHeight;
		　　return scrollHeight;
		}

window.addEventListener('scroll', function() {
    if(getScrollTop() + window.innerHeight == getScrollHeight()) {
        alert('已经到底')
    }
})