解决uni-popup禁止滚动穿透
uni-popup弹窗内内容有滚轮会带动外部页面滚动
在弹框内容页面中修改样式
.list {overflow: auto;height: calc(100% - 280rpx);overscroll-behavior: none;}
overscroll-behavior: none; 表示禁止滚动溢出
发现移动遮罩层底部也会跟着变动
则在全局样式中增加:
.u-popup{.u-fade-enter-active{touch-action: none;}
}
touch-action: none; 此样式表示取消区域触摸动作
<u-popup :safeAreaInsetBottom="false" :round="10" :show="passShow" @close="closePopup" mode="bottom"><view class="popup"><u-icon @click="closePopup" name="arrow-down"></u-icon><view>通过</view></view><view class="passContent">是否通过?</view><view class="push-button flex"><u-button text="取消" @click="passShow=false"></u-button><u-button text="确定通过" type="primary" @click="passConfirm"></u-button></view></view></u-popup>
.popup{touch-action: none;}