如何解决弹出层穿透问题?
测试代码片段:
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 可以解决上面当问题,但是这样会不会太繁琐了一些??
求分享些其他好点的解决办法,谢谢