解决vux 中popup 组件Mask 遮罩在最上层的问题

时间:2024-02-08 11:01:07
【文件属性】:

文件名称:解决vux 中popup 组件Mask 遮罩在最上层的问题

文件大小:40KB

文件格式:PDF

更新时间:2024-02-08 11:01:07

AS op pop

问题描述: 在IOS设备上遮罩层显示在弹出内容的上面,导致弹出内容不能正常显示内容和响应点击事件 解决方案: 找到该Popup组件的祖先DOM节点是否被设置该CSS属性:-webkit-overflow-scrolling: touch; 若被设置将该CSS属性,则去掉即可。 补充知识:完美解决VUX的popup组件滑动穿透的问题 最近使用vux的popup组件做个弹窗,在真机中使用发现存在滑动穿透的问题,即在弹出窗滑动内容,底层的内容也会跟着滑动,这种体验很不好。 废话不多说,直接上解决方法: 核心就是给根div添加固定定位。 具体实现如下: