質問の形式と記事の内容を考慮したタイトルのオプションをいくつか示します。 短く直接的: * iOS で「overflow: auto」を使用してスクロールバーにアクセスできないのはなぜですか? ※Sの表示方法

iOS で CSS オーバーフローを使用してスクロールバーにアクセスする

コンテンツが利用可能なサイズを超えた場合にスクロールバーを表示するには、CSS オーバーフロー: 自動またはスクロールを使用するのが一般的な方法です。空間。ただし、iOS デバイスでは、このアプローチは失敗しているようです。

iOS がスクロールバーを無視する理由

iOS デバイスは、指でスクロールする場合、デフォルトで画面の領域を優先し、スクロールバーを非表示にします。代わりに、ユーザーは 2 本指のスワイプを実行して、オーバーフローした領域を移動します。

障害を克服する

iOS は従来の CSS スクロールバーをサポートしていませんが、ソリューションが登場しました。 iOS 5ベータの導入。 -webkit-overflow-scrolling: touch プロパティを追加すると、開発者はネイティブの勢いスクロールを有効にして、望ましい動作を実現できます。

代替アプローチ

If -webkit- overflow-scrolling: タッチはオプションではありません。代替方法は次のとおりです:

• JavaScript または jQTouch を使用します: JavaScript と jQTouch を使用してカスタム スクロールバーを作成します。
• @media クエリを使用する: 特に @media クエリを利用して、iOS デバイスのオーバーフローを削除し、完全なコンテンツを表示します。例:

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

以上が質問の形式と記事の内容を考慮したタイトルのオプションをいくつか示します。 短く直接的: * iOS で「overflow: auto」を使用してスクロールバーにアクセスできないのはなぜですか? ※Sの表示方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。