GWTウィンドウ内のiframeのためのiPadでのスクロール

Question

注意：これは「2本の指でスクロールする」問題ではありません。 1本指でも2本でも3本でも、手全体でも、iframeはiPad上でスクロールしません。 :)ここで

はシナリオです：EXT-GWTを使用して構築されている弊社のWebアプリケーションでは、

、我々は（最大）ポップアップとして開き、いくつかの窓があり、ユーザーにいくつかのフォームを提示します。これらのフォームは外部のほとんどの場合、iFrameにレンダリングされ、フォームの一部は最初の読み込み時に折りたたまれます。ユーザーはフォームの任意のセクションを展開して入力して送信することができます。今iPadのスクロール以外はすべて正常に動作します。 iframeのコンテンツが読み込まれて折りたたまれた後（クライアント側でJSを使用して折りたたみが行われ、基本的にコンテンツはデフォルトで展開され、JSによって折りたたまれます）iPadはiframeにscollingを提供できません。 iframeのコンテンツが展開された後でも、iframeはスクロールしません。

現在、EXT-GWTウィンドウの高さを（JavaScriptを使用して）拡張されたiframe本体の内容のサイズに拡大することでこの問題を解決しました。これにより、ウィンドウ内のiframeだけでなく、ウィンドウ全体がスクロール可能になります。それが動作している間、ウィンドウが大きくなるので、私たちがiframeにスクロールを提供するためのより良い方法があるかどうか疑問に思っていました。助けのための

おかげで、 ニティン

Answer 1

（ほぼ）すべてを試した後、私は/ iframe.body.heightにGWTウィンドウの高さを大きくすると、ウィンドウを取得するための唯一のソリューションであるという結論になってきましたiPadをスクロールするiframe。うまくいけば、これは将来誰かを助けるでしょう。

Answer 2

iOSデバイスの場合は、overflow：autoを設定する必要があります。またはスクロールが機能しません。私のWebアプリケーションの場合、私はmodboxを使ってiframeを表示するためにfancyboxを使い、CSSファイルのオーバーフロー設定を変更すると、2本の指のスクロールがiPad上で完全に機能しました。

Answer 3

GWTにかなり新しい - 私が、私にとって、それはこのように働いた：

をIFRAMEの親のdivはx成分、私の場合は、クラスを持っています。 私のCSSファイルに次のようなエントリを作成しました： .x-component {-webkit-overflow-scroll：touch;オーバーフロー：オート;}

私はこれらのエントリをクラスにではなくdiv要素自体に設定するとうまくいきます。

希望すること