前言

本文主要給大家介紹了關于在移動端設置了overflow:hidden頁面還會滾動的禁止方法，分享出來供大家參考學習，下面話不多說了，來一起看看詳細的介紹吧。

如果把 overflow:hidden 用在 body 標簽，移動端瀏覽器依然能滾動，因為移動端是基于touch事件，解決方法有兩個。
 

方法一：

將要隱藏滾動的內容加上一個包裹層div，然后給這個div設置高度為window.height() ，并且 overflow:hidden 就可以解決你的問題。
 

方法二：
 

給 body 添加 position:fixed; 示例：
 

body { overflow:hidden; position:fixed; left:0; top:0;}

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對武林網的支持。