在解决 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 内部滚动外...
介绍| uni-app官网 (dcloud.net.cn) 为兼容各端,事件需使用 @ 的方式绑定,请勿使用小程序端的 bind 和catch进行事件绑定;也不能在 JS 中使用event.preventDefault()和event.stopPropagation()方法; 若需要禁止蒙版下的页面滚动,可使用 @touchmove.stop.prevent="moveHandle",moveHandle 可以用来处理 touchmove ...
页面滚动是会滚动,但是并不会触发滚动事件,如果想禁用页面滚动,可以通过给popup添加@touchmove.stop.preven阻止页面滚动 <uni-popup ref="inputDialog" type="dialog" @touchmove.stop.prevent="() => {}" > <uni-popup-dialog ref="inputClose" mode="input" title="输入内容" value="对话框预置提示内容!
uni-popup 并不能完全阻止页面滚动,可在打开 uni-popup 的时候手动去做一些处理,禁止页面滚动 如果想在页面渲染完毕后就打开 uni-popup ,请在 onReady 或mounted 生命周期内调用,确保组件渲染完毕 在微信小程序开发者工具中,启用真机调试,popup 会延时出现,是因为 setTimeout 在真机调试中的延时问题导致的,预览和...