如何解决弹出层穿透问题?
发布于 6 年前 作者 nkang 7759 次浏览 来自 问答

测试代码片段:

https://developers.weixin.qq.com/s/wBro8XmS76fT

界面截图:

问题描述:

在弹出层 A 区域滑动 会导致底下页面跟着滑动。

由于在 B 区域是一行很长的文字,为了使它显示在一行,我使用了 white-space: nowrap; overflow-y: auto; 让他可以左右滑动。如果使用 catch:touchmove 捕获掉滑动事件会导致 B 区域无法滑动。

如果使用 scroll-view 去解决 B 区域无法滑动的问题,又会出现新问题: scroll-view 会将内部的阴影剪切掉

虽然在 scroll-view 里套一层 view 然后设置 padding 可以解决上面当问题,但是这样会不会太繁琐了一些??

求分享些其他好点的解决办法,谢谢

回到顶部