js移动客户端-----取消滑动事件(亲测好用)

标签：屏幕   density   use   高度   解决   亲测   响应式网站   网站   height   

现在做的响应式网站，遇到一问题：

网站头上的侧边栏点开始，向下滑动会出现空白，于是，想到要把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移动客户端-----取消滑动事件(亲测好用)

标签：屏幕   density   use   高度   解决   亲测   响应式网站   网站   height   

原文地址：http://www.cnblogs.com/circleone/p/7204945.html