js移动客户端-----取消滑动事件(亲测好用)
Posted @circle
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js移动客户端-----取消滑动事件(亲测好用)相关的知识,希望对你有一定的参考价值。
现在做的响应式网站,遇到一问题:
网站头上的侧边栏点开始,向下滑动会出现空白,于是,想到要把body禁止滑动
网上搜了很多办法,也不好用
注意:
手指在滑动整个屏幕时,会影响浏览器的行为,比如滚动和缩放。所以在调用touch事件时,要注意禁止缩放和滚动。
1.禁止缩放
通过meta元标签来设置。
<meta name="viewport" content="target-densitydpi=320,width=640,user-scalable=no">
2.禁止滚动
preventDefault是阻止默认行为,touch事件的默认行为就是滚动。
event.preventDefault();
我的解决步骤如下:
阻止默认
$("body").on("touchmove",function(event){
event.preventDefault;
}, false)
设置body的高度为窗口的高度
$("body").height( $(window).height());
以上是关于js移动客户端-----取消滑动事件(亲测好用)的主要内容,如果未能解决你的问题,请参考以下文章