uniapp中,如何禁止当前页面滚动
时间: 2023-11-23 14:07:43 浏览: 285
wpf 禁用当前页面滚动条
在uniapp中,可以通过设置页面的样式来禁止当前页面滚动。具体方法如下:
1. 在页面的style中添加如下样式:
```
page {
overflow: hidden;
}
```
2. 通过JS动态设置样式来禁止滚动:
```
export default {
onReady() {
uni.pageScrollTo({
scrollTop: 0,
duration: 0
})
// 禁止页面滚动
uni.setStorageSync('canScroll', false)
uni.setNavigationBarColor({
frontColor: '#ffffff',
backgroundColor: '#000000',
animation: {
duration: 400,
timingFunc: 'easeIn'
}
})
}
}
```
以上两种方法都可以禁止当前页面滚动。
阅读全文