3

phonegap アプリケーションを開発していますが、そのページの一部にフォームが含まれています。アプリには固定のヘッダーとフッターがあり、ページのコンテンツはスクロール可能です (画面よりも大きい場合があります)。

フォームの入力フィールドに焦点を合わせ、その外側をクリックして閉じると、アプリのヘッダーがクリック位置の横に移動し、その「修正」が一番上にドロップされます。

この問題は iOS でのみ発生します。

問題を示すためにスクリーンショットを撮ることはできませんが、(不十分に)説明しました。

  1. ページの通常の外観:
    ここに画像の説明を入力

  2. 特定のテキスト フィールド (実際には数値テキスト フィールド) をクリックすると、キーボードが開きます。キーボード
    ここに画像の説明を入力
    が開いていても、ヘッダーまたはフッターが表示されるまで、コンテンツを上下にスクロールできます。これはバグではありません。関連性があると考えてください。

  3. フォームの外側 (具体的には、前の図の青い点がある場所) をクリックすると、ヘッダーがその点に落ち
    ここに画像の説明を入力
    ます。ページをスクロールすると、オーバーフローがヘッダーの上に表示されます。フィールドに再度フォーカスすると、ヘッダーは適切な位置に戻ります。
    フォーカスされた入力の外側を押すのではなく、「完了」ボタンでキーボードを閉じると、歪みがまったくないことにも言及する必要があります。

私は次の解決策を試しました:
Phonegap JQM Fixed Position Header/Footer Moves After Dismissing iOS Keyboard
最終的には機能しますが、ヘッダーとその背後の背景の動きを見ることができるので、私にとっては良い解決策ではありません.

何か案は?ありがとう!

4

0 に答える 0