Mobile Safari で iFrame をスクロール可能にする方法?

Mobile Safari での iFrame の表示: 完全ガイド

iFrame をモバイル Web アプリケーションに組み込むことは、特にアプリケーションの制限を目的とする場合には困難になることがあります。サイズ。高さと幅の属性を設定しても、iframe は制約されないままになる場合があります。

解決策:

iframe を div 内で囲んで、その寸法を制御します。ただし、このアプローチでは iframe 内でのスクロール制限が生じます。

これを克服するには、次の戦略を実装します:

• JavaScript 統合: iframe 内にスクリプトを配置します。 content.
• イベント処理: でタッチ イベントをリッスンします。 iframe.
• 親通信: JavaScript 経由でスクロール イベントについて親 div に通知します。

コード例:

iframe 用の JavaScript:

HTML 用親 div:

注: iframe コンテンツが制御できない場合は、iframe 上にオーバーレイを作成し、同様のスクロール機能を実装できます。ただし、iframe のコンテンツの操作 (リンクのクリックなど) は制限されます。

追加の考慮事項:

• iOS 6 以降では、このソリューションは使用できません。
• Remote Web Inspector (Safari の)デバッグ ツール) には Mac が必要となるため、デバイス上のデバッグがより困難になります。

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