uniapp 微信小程序禁止页面滚动
时间: 2023-08-26 12:05:05 浏览: 1259
使用uniapp中picker-view封装底部选择弹框选择器,解决微信小程序中不可自定义样式问题
要禁止页面滚动,可以在页面的 `onLoad` 生命周期中调用 `wx.createSelectorQuery()` 方法获取页面中的元素节点,然后设置节点的样式 `overflow: hidden` 来禁止页面滚动。具体实现可以参考以下代码:
```javascript
onLoad: function () {
// 获取页面节点
wx.createSelectorQuery().select('#page').boundingClientRect((rect) => {
// 设置节点样式
wx.createSelectorQuery().select('#page').setStyle({
overflow: 'hidden'
}).exec()
}).exec()
}
```
在代码中,`#page` 表示页面的节点 ID,需要根据实际情况进行调整。另外,如果需要允许页面滚动,只需要将节点的样式设置为 `overflow: auto` 即可。
阅读全文