CSSを使用してiOSでスクロールオーバーフローを無効にする方法

Question

デスクトップやアンドロイドデバイスで開くとうまくいくウェブサイトがありますが、IphoneやIpadなどのiOSデバイスで開いたときに背景が他のデバイスのように固定されず、背景を拡大してページの右側に空白を作成し、空白にスクロールすることができないようにするためにuser-scalable=noを使用しましたが、まだ動作しません。実際には、私はすでにoverflow-x: hidden;を使用していますが、私のnavbarはいつものように動作しませんでした。hrefはターゲットIDに行きませんでした。たとえば、<a href="#news">news</a></li>はdiv idのニュースに移動する必要がありますが、ランダムに移動します。では、ユーザーがiOSでスクロールしないようにするにはどうすればよいですか？

これはiOSの中に空白の一例である：

Answer 1

のiOS Safariは問題のそれ自身のセットを持っています。それは一般的にすべてのオーバーフローを無視する傾向があります：隠されたあなたは体とHTMLに与えます。私が今までに見つけた唯一の解決策は、ビューポートのサイズを正確にボディにしてコンテンツをスクロールさせるか、浮動コンテンツが上にあるときに背景がスクロールしている場合にはボディの位置を固定することでしたスクロールしたい