小程序解决弹窗滑动穿透问题

## 解决方案

1.当弹窗没有滚动条的时候

直接监听 catch:touchmove 方法, 然后直接返回就可以了



preventTouchMove(){
    return
}

2.当弹窗内容需要滚动的时候&&当前页面无需滚动

如果你页面没有滚动条可以直接给当前页面最父级元素fixed定位一下或者overflow:hidden一下

3当弹窗内容需要滚动的时候&&当前页面也需滚动

我弹窗滚动用的是scroll-view,在外层加一个view包上并在这个view上使用catchtouchmove具体如下图

小程序解决弹窗滑动穿透问题_第1张图片

你可能感兴趣的:(vue,前端其他,小程序)