手机app端移动端禁用页面滚动的方法

最新推荐文章于 2025-07-17 16:11:40 发布

gaoqiang1112

最新推荐文章于 2025-07-17 16:11:40 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 js 禁止页面滚动文章标签：禁止滚动移动端禁止页面滚动

本文链接：https://blog.youkuaiyun.com/gaoqiang1112/article/details/90445785

前端同时被 3 个专栏收录

66 篇文章

订阅专栏

35 篇文章

订阅专栏

禁止页面滚动

1 篇文章

订阅专栏

博客介绍了通过一段Vue局部代码实现移动端禁止页面滚动的方法，代码很好理解。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

禁止滚动

document.body.addEventListener('touchmove', this.handler, {passive: false});
document.body.addEventListener('wheel', this.handler, {passive: false});

移除禁止滚动
document.body.removeEventListener('touchmove', this.handler, {passive: false});
document.body.removeEventListener('wheel', this.handler, {passive: false});


handler(){
  event.preventDefault();
  event.stopPropagation();
}

加入上述代码即可上述代码是vue的局部代码很好理解