モバイル端末では、ページのスクロールを防ぐために overflow:hidden メソッドが設定されています。

今日、仕事で非常に恥ずかしい問題に遭遇しました。次の記事では、モバイル端末での overflow:hidden の設定を禁止する方法を主に紹介しますが、この記事ではサンプルコードを通じて詳細に紹介しています。参照できますので、以下を見てみましょう。

はじめに

この記事では、モバイル端末でのoverflow:hiddenページのスクロールを禁止する方法を主に紹介しますので、参考と勉強のために共有します。とは言っても、詳細な紹介を見てみましょう。 overflow:hidden页面还会滚动的禁止方法，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。

如果把 overflow:hidden 用在 body 标签，移动端浏览器依然能滚动，因为移动端是基于touch事件，解决方法有两个。
 

方法一：

将要隐藏滚动的内容加上一个包裹层p，然后给这个p设置高度为window.height() ，并且 overflow:hidden 就可以解决你的问题。
 

方法二：
 

给 body 添加 position:fixed;
body タグで overflow:hidden を使用しても、モバイル ブラウザはタッチ イベントに基づいているため、引き続きスクロールできます。解決策は 2 つあります。

🎜🎜方法 1: 🎜🎜🎜🎜🎜非表示にするコンテンツにラッピングレイヤー p を追加し、この p の高さを window.height() に設定し、 >overflow :hidden で問題が解決します。 🎜🎜🎜🎜🎜方法 2: 🎜🎜🎜🎜🎜 position:fixed; を本文に追加します 例: 🎜🎜🎜🎜🎜

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

以上がモバイル端末では、ページのスクロールを防ぐために overflow:hidden メソッドが設定されています。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。