移动端阻止body左右偏移

1学习者1

于 2019-09-08 03:30:23 发布

阅读量747

点赞数

分类专栏： bug

本文链接：https://blog.youkuaiyun.com/u011280778/article/details/100615426

版权

bug 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了解决网页中CSS问题的方法，包括使用CSS代码禁止页面水平滚动，以及通过原生JS和jQuery阻止触摸屏设备上的滚动事件。这些技巧有助于在特定场景下控制网页布局和交互。

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

如果一直找不到你的CSS问题，就用下面的CSS解决吧

html,body{
    overflow-x: hidden;
  }

原生JS



function bodyScroll(){
    e.preventDefault();
}
document.addEventListener('touchmove', bodyScroll, false); //阻止
document.removeEventListener('touchmove', bodyScroll, false); //激活

或者

document.addEventListener('touchmove', function(event) {
    event.preventDefault();
}, false);

或者

function stopScroll(e){
    document.documentElement.style.overflow='hidden';
}

jQuery

$('body').on('touchmove',function(event){event.preventDefault();});