2019-07-19

92 阅读1分钟

蒙层穿透滑动解决方法

1.给蒙层viewcatchtouchmove="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;
}

来禁止滑动,此举有效,但是弹窗出现时底部内容会滑到页面顶部