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());

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM