ETJava Beta | Java    注册   登录
  • HTML禁止在移动端上左右滑动

    发表于 2024-10-16 22:40:56     阅读(71)     博客类别:HTML

    禁止左右滑动

    首先要对整个页面进行限制

    添加如下样式

    body {
        overflow-y: auto;
        overflow-x: hidden;/*禁止水平滚动*/
    }
    
    
    JS中添加移动端的touchmove事件处理
    
     $(document).ready(function (){
            document.addEventListener('touchmove',function (e){
                e.preventDefault();
            },{passive:false})
    });