蒙层穿透滑动解决方法
1.给蒙层view
加catchtouchmove="true"
或者绑定一个空事件,阻止滑动事件touchmove冒泡
但此方法在弹出内容上有scroll-view
或者样式有overflow-y: auto;
时无效,只有在弹出内容为固定不可滑动的内容时该方法有效。
2.看到有方法说给底部页面内容最外层套一个scroll-view
通过给最外层scroll-view加上属性scroll-y="{{true}}"
设置蒙层出现时更改变量禁止底部滑动 但是貌似无效。
3.当弹出内容上有可滑动区域时,给底部页面内容最外层套一个scroll-view
或者view
通过动态给其添加class
新增样式
.scroll-lock {
height: 100%;
overflow-y: hidden;
}
来禁止滑动,此举有效,但是弹窗出现时底部内容会滑到页面顶部