mui 页面无法下滑拖拽 主要体现在华为手机浏览器

项目做到中期遇到一个问题，华为手机有些页面显示不全且无法下滑。

因为之前一直用的Google浏览器的模拟模式进行开发和调试的，一直未发现这个问题。

刚开始选用mui的下拉刷新上拉加载的方式来进行页面配置。

忙活半天总算是把android的问题给解决了。然后转头去os上看看。果然ios又出问题了。

因为头部用的是原生的头部，下面主体内容又都用mui的mui-scroll-wrapper样式栝主了，

所以使用的时候反应迟钝、不流畅，根据无法正常使用。

接着又有传统方式写html发现在浏览器上是没有问题。问题原因浮现了。

然后我把相关的js和css全部加进来发现，果然不好使了。

经过排查原因找到了

原来是因为mui.min.css 中设置了touch-action: none;只需要把它删掉就好了

但因为下拉刷新上拉加载还需要这个属性。

所以我是直接把mui.min.css文件复制 一份，改个新的名称。

在不需要使用下拉刷新的页面引用这个新的mui样式就可以了。

如果嫌麻烦，则在不需要使用“下拉刷新” 的html页面，加上* { touch-action:inherit; }

就可以解决问题了。

本博客是本人原创 未经允许 谢谢。

链接地址：/richard-ju/p/L004.html

如果觉得《mui 页面无法下滑拖拽 主要体现在华为手机浏览器》对你有帮助，请点赞、收藏，并留下你的观点哦！