uni-ui icon indicating copy to clipboard operation
uni-ui copied to clipboard

popup组件 打开之后,被遮住的页面 滚动事件还是有效的,请问是否能禁用

Open zhangyq233 opened this issue 6 years ago • 3 comments

popup组件 打开之后,被遮住的页面 滚动事件还是有效的,请问是否能禁用

zhangyq233 avatar Oct 28 '19 11:10 zhangyq233

如果想阻止弹出层的滚动,可以在遮罩层监听touchmove事件同时阻止事件冒泡和默认行为: <view class="mask" @touchmove.stop.prevent="moveHandle"></view>

zhetengbiji avatar Oct 28 '19 11:10 zhetengbiji

如果想阻止弹出层的滚动,可以在遮罩层监听touchmove事件同时阻止事件冒泡和默认行为: <view class="mask" @touchmove.stop.prevent="moveHandle"></view>

感谢 官方最新的也解决了这个bug了

zhangyq233 avatar Nov 07 '19 09:11 zhangyq233

还是有这个问题是 页面滚动

651584008 avatar Aug 27 '21 06:08 651584008

还是有这个问题是 页面滚动

页面滚动是会滚动,但是并不会触发滚动事件,如果想禁用页面滚动,可以通过给popup添加@touchmove.stop.preven阻止页面滚动

<uni-popup ref="inputDialog" type="dialog" @touchmove.stop.prevent="() => {}" >
				<uni-popup-dialog ref="inputClose"  mode="input" title="输入内容" value="对话框预置提示内容!"
					placeholder="请输入内容" @confirm="dialogInputConfirm"></uni-popup-dialog>
			</uni-popup>

18148764734 avatar Feb 02 '24 08:02 18148764734