Mobile Safari でスクロールを効果的に無効にする方法は?

モバイル Safari でのスクロールの無効化: プラットフォーム固有の不具合の克服

モバイル Safari で長い Web ページを操作する場合、ユーザーがスクロールを超えてスクロールしないようにすることが望ましい場合があります。最初に表示されるコンテンツ。ただし、overflow:hidden を に適用すると、

この問題を解決するには、html 要素と body 要素の両方に overflow:hidden を適用することが効果的であることが証明されている解決策です。このアプローチは、モバイル Safari でのスクロール動作を効果的に制御します:

html, body {
    overflow: hidden;
}

ただし、特に iOS 9 を使用している場合は、必要なコードが若干異なる場合があります:

html, body {
    overflow: hidden;
    position: relative;
    height: 100%;
}

これらの調整により、モバイル Safari でページの表示部分を超えるスクロールが無効になり、希望するレイアウトとユーザー エクスペリエンスを実現できるようになります。

以上がMobile Safari でスクロールを効果的に無効にする方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。