0

Android 4.0.4 を実行している携帯電話に問題があります。

テキスト フィールドといくつかのドロップダウンを含む iframe がありますが、iframe は幅が広すぎて、縦向きモードのときに電話ウィンドウに収まらないため、水平スクロール バーを取得して、スクロールしてすべてのフィールドを表示できるようにします。

問題は、iframe を右にスクロールすると、テキスト ボックスまたはドロップダウンを選択できなくなることです。

iframe が右にスクロールされたことをデバイスが認識していないようです。たとえば、iframe が最初にレンダリングされると、コンテンツは左揃えで配置されます。この時点で、ドロップダウンの 1 つが iframe の右端に表示されます。iframe を右端までスクロールして、ドロップダウンがあった画面をタップする、実際にクリックした画面の領域に要素がまったくないにもかかわらず、ドロップダウンの選択画面が表示されます。

ドロップダウンが実際にある画面をタップしても、まったく反応しません。

ここにテスト ページがあります: http://snow.x10.mx/damian/page.html

デスクトップの Firefox ではすべて正常に動作するため、単なる Android のバグのようです。

Androidの修正がすぐに来るとは思えないので、(iframeが画面よりも広くないことを確認する以外に)回避策を提案できますか?

テストできる iPhone をお持ちの方がいらっしゃいましたら、同じ問題があるかどうか教えていただけますか?

4

1 に答える 1

1

Android 4.0.4 でも同じ問題に遭遇しました

同じことが垂直スクロールでも発生し、入力フィールド、リンクに適用されます...タッチ/クリックイベントに反応する必要があるものすべて。スクロールする前に要素が表示されている場合、要素があった位置はスクロール後もタッチ イベントに反応しています。また、スクロールする前に表示されない場合、その要素を操作するためにできることは何もありません。

何が原因なのかはわかりませんが、スクロールバー プラグイン ( jScrollPane ) を使用すると解決しました。

幸運を!

于 2012-10-31T17:55:41.873 に答える