mui 横向滚动和下拉加载刷新冲突

最新推荐文章于 2021-04-02 02:20:40 发布

有时间再优化

最新推荐文章于 2021-04-02 02:20:40 发布

阅读量330

点赞数 2

分类专栏： hbuilder 文章标签： mui

本文链接：https://blog.csdn.net/weixin_42340514/article/details/103440362

版权

hbuilder 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

下拉加载包裹的类名里设置了overflow:hidden，影响了横向滚动。但是改了依然不起作用。mui确定不再升级了。于是自己手写了个下拉加载的，完美解决。

			 document.addEventListener('scroll', function () {
			      if (document.body.scrollHeight-30 <= document.body.scrollTop + document.documentElement.clientHeight) {
			        loadPage()
			         }
			     });

scrollTop为滚动条在Y轴上的滚动距离。
clientHeight为内容可视区域的高度。
scrollHeight为内容可视区域的高度加上溢出（滚动）的距离。
从这个三个属性的介绍就可以看出来，滚动条到底部的条件即为scrollTop + clientHeight == scrollHeight。
1.window.innerHeight属于BOM（浏览器对象模型），而document.documentElement.clientHeight则属于文档对象模型

2.window.innerHeight获取的高度包含横向滚动条，而document.documentElement.clientHeight不包含横向滚动条