iOS の iPad Web サイトにスクロールバーが表示されないのはなぜですか?

iOS スクロールバーのトラブルシューティング: オーバーフロー CSS のトラブルシューティング

iPad Web サイトの開発中に、予期せぬ問題に遭遇しました: CSS オーバーフロー プロパティ (オーバーフロー: auto またはスクロール) は、2 本指スクロールを有効にしても、スクロールバーを表示できません。この問題は iOS デバイス限定です。

問題への対処:

更新された修正 (iOS 5beta 以降):

kritzikratzi が指摘したように、iOS 5beta で導入された新しいプロパティ (-webkit-overflow-scrolling: touch) によってこの問題が解決され、予想されるスクロール動作が引き起こされます。

独自の解決策 (iOS 5 および以下):

残念ながら、画面スペースが限られているため、iOS デバイスでは overflow: auto もスクロールもスクロールバーを生成しません。代わりに、2 本指のスワイプ メカニズムが、オーバーフローしたコンテンツをスクロールするための指定された方法です。

代替手段:

• JavaScript および jQuery: JavaScript と jQuery などのライブラリを利用して、オーバーフロー要素のカスタム スクロールバーを作成します。
• @media クエリ: iPhone デバイスでオーバーフローを非表示にし、コンテンツを完全に表示するには、@media クエリを使用します。

@media クエリを使用した例:

<link rel="stylesheet" href="handheld.css" media="only screen and (max-device width:480px)" />

以上がiOS の iPad Web サイトにスクロールバーが表示されないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。