参考博客,在此一并致谢:
1. AndrewNeo
2. 社会你强哥 和 明天 的答案
解决方案
无 滑动scroll-view组件
在弹出层根元素上添加 catch:touchmove
即可,<view catch:touchmove>...</view>
有 滑动scroll-view组件
在弹出层下的页面根元素添加动态样式class:
/* *.wxss */
.stop-scroll {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: hidden;
}
<!-- isShowPopup变量确认是否展示弹窗的变量 -->
<view class="{{ isShowPopup ? 'stop-scroll' : '' }}">
<!-- ... -->
</view>