CSS オーバーフローを使用して iOS デバイスでスクロールバーを動作させるにはどうすればよいですか?

CSS オーバーフローで iOS スクロールバーの抵抗を克服する

iPad 向けに開発する場合、CSS オーバーフロー プロパティを利用してスクロールバーをアクティブにするのは無駄であることが判明しています。 「オーバーフロー: 自動」と「オーバーフロー: スクロール」の両方を採用しているにもかかわらず、デバイスはそれらを永続的に隠し、スクロールを 2 本の指で行う不快な試練を与えています。

ユーザーに制御を戻す回避策

iOS デバイスには、標準のスクロールバーを妨げる組み込みの癖があります。この制限を克服するには、オーバーフロー プロパティを「-webkit-overflow-scrolling: touch」に変更することを検討してください。この変更により、iOS デバイスは、デバイスのネイティブ スクロール動作とシームレスに融合するスクロールバーを使用できるようになります。

オーバーフローの再検討を検討する

もう 1 つのアプローチは、設計におけるオーバーフローの必要性を再検討することです。 。 iOS デバイスの画面領域は限られているため、コンテンツの表示には思慮深いアプローチが必要です。オーバーフローを避けるために、DIV ディメンションまたはコンテンツ構成を調整してみてください。あるいは、@media クエリを使用して、小さい画面であふれたコンテンツを条件付きで非表示にすることもできます。

以上がCSS オーバーフローを使用して iOS デバイスでスクロールバーを動作させるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。