微信手機端禁止頁面上下滑動


做微信手機端開發,有時候頁面內容一屏就能顯示下,這樣的情況下就不需要頁面能上下滑動,解決辦法記錄如下:

安卓手機:只需添加樣式即可:

body, html {
  position: fixed;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
}

蘋果手機需要監聽touchmove事件

<script type="text/javascript">
  document.body.addEventListener("touchmove",function(event){
    event.preventDefault();
  });
</script>


免責聲明!

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



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