关于弹窗的内部滑动穿透底层页面的滑动的问题(H5/App-plus)

H5移动端处理方法

先上bug图

关于弹窗的内部滑动穿透底层页面的滑动的问题(H5/App-plus)

解决

在弹出弹窗的时候将body的overflow 改成hidden
在取消弹窗的时候将body的overflow 改成scroll

代码

底层页面
关于弹窗的内部滑动穿透底层页面的滑动的问题(H5/App-plus)
弹窗组件
关于弹窗的内部滑动穿透底层页面的滑动的问题(H5/App-plus)

效果图

关于弹窗的内部滑动穿透底层页面的滑动的问题(H5/App-plus)

app-plus端处理方法

如果你是编译成app 那么document是不能用的
换个思路

底层页面(common页面)

只能控制父层的style样式
关于弹窗的内部滑动穿透底层页面的滑动的问题(H5/App-plus)
关于弹窗的内部滑动穿透底层页面的滑动的问题(H5/App-plus)

关于弹窗的内部滑动穿透底层页面的滑动的问题(H5/App-plus)
关于弹窗的内部滑动穿透底层页面的滑动的问题(H5/App-plus)

弹窗组件(SecondCommon页面)

关于弹窗的内部滑动穿透底层页面的滑动的问题(H5/App-plus)