要禁止遮罩层下内容的滑动,我们需要确保弹出层及其遮罩层能正确覆盖并阻止底层内容的交互。 2. 分析遮罩层下内容滑动的原因 遮罩层下内容能够滑动,通常是因为遮罩层没有正确覆盖整个可视区域,或者遮罩层的样式没有设置为阻止底层内容的交互(如滚动、点击等)。 3. 编写CSS样式来禁止遮罩层下内容的滑动 为了禁止遮罩...
nvue中使用uni-popup时,尽量将组件置于其他元素后面,避免出现层级问题 uni-popup并不能完全阻止页面滚动,可在打开uni-popup的时候手动去做一些处理,禁止页面滚动 如果想在页面渲染完毕后就打开uni-popup,请在onReady或mounted生命周期内调用,确保组件渲染完毕 在微信小程序开发者工具中,启用真机调试,popup 会延时出现,...
不过为了流畅体验,可以加上-webkit-overflow-scrolling: touch,以解决在IOS上滚动惯性失效的问题,提高滚动的流畅度。 关键代码: JS控制弹窗的交互、body的禁止滚动 btn.onclick = function () { // 弹层出现 layer.style.display = 'block'; document.body.style.overflow = 'hidden'; document.body.style.posi...