在解决 uniapp 中uni-popup 弹窗出现时禁止底部页面滚动的问题时,我们可以按照以下步骤进行: 1. 确认问题现象 当uni-popup 弹窗出现时,底部页面仍然可以滚动,这通常不是期望的行为,因为弹窗通常会需要用户专注于其内容,而不需要或不应该允许背景页面滚动。 2. 查找 uni-popup 组件的官方文档 在uniapp 的官方文档...
// 方法1 内部和外部页面都无法滚动<view catchtouchmove="true"><uni-popupref="popup"><view>xxx</view></uni-popup></view>// 方法2 内部和外部页面都无法滚动<view@touchmove.prevent.stop><uni-popupref="popup"><view>xxx</view></uni-popup></view> typescript 复制代码 // 方法3 内部滚动外...
若需要禁止蒙版下的页面滚动,可使用 @touchmove.stop.prevent="moveHandle",moveHandle 可以用来处理 touchmove 的事件,也可以是一个空函数。按键修饰符:uni-app 运行在手机端,没有键盘事件,所以不支持按键修饰符。 1 <viewclass="mask"@touchmove.stop.prevent="moveHandle"></view> <uni-popup ref="popup"...