uview popup禁止底部页面滑动
时间: 2023-09-02 21:09:46 浏览: 36
uview2.0
5星 · 资源好评率100%
要禁止底部页面滑动,可以在 uview popup 组件弹出时,给 body 标签添加一个样式 `overflow: hidden;`,这样可以禁止页面滑动。而在 popup 组件关闭时,需要及时移除该样式,以便恢复页面的滑动。
具体实现可以在 popup 组件的 `onOpen` 和 `onClose`事件中添加如下代码:
```
// 在 popup 打开时禁止页面滑动
document.body.style.overflow = 'hidden';
// 在 popup 关闭时恢复页面滑动
document.body.style.overflow = 'auto';
```
这样就可以禁止底部页面滑动了。
阅读全文