移动端阻止body左右偏移

如果一直找不到你的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();});

移动端阻止body左右偏移相关推荐

js 移动端阻止下拉滑动、刷新
阻止默认的处理方式(阻止下拉滑动的效果),阻止在移动端下拉刷新的效果 document.body.addEventListener('touchmove', function (e) {e.preve ...
android 防止点击事件冒泡,移动端阻止事件冒泡需要注意！
移动端使用的js插件式zepto和touch,想要在一个大的区域做一个点击事件,但是里面小的区域也有自己的点击事件,就要阻止事件冒泡,但是使用了之后发现不好使,原因是:大的区域使用的事件是移动端的ta ...
移动端阻止ios弹性滑动_移动端iOS阻止橡皮筋效果
一.遇到的问题移动端开发中,iOS的微信浏览器也好.Safari也好在浏览网页的时候会出现橡皮筋效果.就是当页面拉到尽头的时候还能再继续拉动,露出浏览器的底色,松手会回弹回去. 微信浏览器: Saf ...
移动端阻止ios弹性滑动_禁止iOS的弹性滚动微信的下拉回弹
禁止iOS的弹性滚动微信的下拉回弹一种方法: html头部添加然后将页面body的高度设为window的高度 $("body").height( $(window).heig ...
CSS - 禁止手机移动端网页缩放（meta）
前言您一定不希望手机网页被缩放,本文将提供给您简易的解决方案. 解决方案注意:该方法并不能 "完全" 控制(浏览器有自己的缩放)其缩放,如果想要完全控制则需要使用 JS 加码了 ...
搞定移动端一(移动端 touch 事件，TouchEvent 对象)
移动端事件 1.目标掌握移动端 touch 事件使用掌握 touch 事件和 mouse 事件的区别掌握 touchEvent 实现移动端幻灯片 2.移动端touch事件 touchstart ...
html页面滚动条监听事件,滚动条的scroll事件
在vb中,滚动条的scroll 事件和change 事件的区别scroll和change的区别为:指代不同.用法不同.侧重点不同一.指代不同 scroll:滚屏,滚动. change:变更,变革. ...
Vue 滚动事件穿透解决方案
移动端阻止默认事件 <div class="test" @touchmove.prevent></div> PC // 停止页面滚动stopMove() ...
一些简单常见的网站反爬策略和解决办法
目录 1.User-Agent(请求头header中的一个属性) 2.IP(IP地址是指互联网协议地址) 3.Cookie(储存在用户本地终端上的数据),对简单的一些cookie反爬进行说明 4.po ...

移动端阻止body左右偏移

移动端阻止body左右偏移相关推荐

最新文章

热门文章