uniapp禁止页面上下滑动

发布于 2024-04-08  785 次阅读


要禁止 Uniapp 页面上下滑动,可以通过以下几种方法之一来实现:

  1. 使用 CSS 样式:在你的页面样式文件(如 App.vue 或具体页面的 .vue 文件)中添加以下 CSS 样式:
body {
    overflow: hidden;
}

这会阻止页面的滚动。

  1. 使用 JavaScript:在页面加载时,通过 JavaScript 来禁止页面滚动。可以在 mounted 钩子函数中添加以下代码:
mounted() {
    document.body.style.overflow = 'hidden';
},

这会禁止页面的滚动。需要注意的是,这种方法会直接作用于整个页面的滚动,可能会影响到 UI 设计。