現在做的響應式網站,遇到一問題:
網站頭上的側邊欄點開始,向下滑動會出現空白,於是,想到要把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());
