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

Posted 此生不变,一世不悔

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了mui 页面无法下滑拖拽 主要体现在华为手机浏览器相关的知识,希望对你有一定的参考价值。

 

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

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

 

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

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

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

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

 

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

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

 

经过排查原因找到了

原来是因为 mui.min.css 中设置了 touch-action: none; 但因为下拉刷新上拉加载

还需要这个属性。

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

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

 

以上是关于mui 页面无法下滑拖拽 主要体现在华为手机浏览器的主要内容,如果未能解决你的问题,请参考以下文章

如何取消浏览器这个功能“拖拽链接打开新标签(窗口页面)”

华为nova7怎么虚拟打卡啊

mui 时间日期控件(浏览器上无法查看,在手机端可以点击)

你好华为手机的下滑后是一片空白什么都没有了,就像白板一样,比如数据开关,wiwf开关什么的这个是怎么了?

解决iOS 底部fixed后 页面滑动后无法点击的问题

MUI:hbuilderx开发调试_Hbuilder X mui 项目真机调试及本地调试