要禁止 Uniapp 页面上下滑动,可以通过以下几种方法之一来实现:
- 使用 CSS 样式:在你的页面样式文件(如
App.vue
或具体页面的.vue
文件)中添加以下 CSS 样式:
body {
overflow: hidden;
}
这会阻止页面的滚动。
- 使用 JavaScript:在页面加载时,通过 JavaScript 来禁止页面滚动。可以在
mounted
钩子函数中添加以下代码:
mounted() {
document.body.style.overflow = 'hidden';
},
这会禁止页面的滚动。需要注意的是,这种方法会直接作用于整个页面的滚动,可能会影响到 UI 设计。
评论 暂无