jQueryのモバイルフッタが常に画面の下部にあるとは限りません

Question

jQueryモバイルとphonegapを使用して携帯電話アプリで作業しています。私は固定フッターとヘッダーを使用しています。場合によっては、キーボードがポップアップした後、フッターバーとキーボードの間にスペースが表示されることがあります。このスペースは背景色と同じですので、何らかの理由でフッタがちょうど上がっていると思います。すべてのページで発生しないため、この動作は矛盾しているように見えます。

コードのスニペットです。このコードはすべてのページで同じですが、ギャップは1ページにしかありません。ページ間の唯一の違いは、ページにあるフィールドの数です。

<div data-role="footer" data-position="fixed" class="ui-btn-right" style="min-height:42px;"> 
     <a href="#accident_menu" data-icon="arrow-l" data-direction="reverse" data-iconpos="left" 
      style="margin-left: 10px; margin-top: 5px">Done</a> 
     <a href="index.html" rel="external" data-icon="home" data-direction="reverse" data-iconpos="notext" 
      style="float: right; margin-right: 10px; margin-top: 5px"></a> 
</div> 

Answer 1

Jquery mobile 1.1.0とその実際の固定ツールバーに変更することを検討してください。 Read the announcement。その使用中のデバイスのほとんどでサポートされている、最もクリーンなソリューション：

は、このアプローチについてのクールな部分は、すべてのプラットフォーム間で不自然なスクロール物理学を課すJSベースのソリューションとは異なり、私たちのスクロールが100％を感じている、ということですそれはネイティブだから。これはスクロールがどこでも正しく感じられることを意味し、はタッチ、マウスホイール、キーボードのユーザー入力で動作します。

Answer 2

私はキーボードのポップアップ、フッターが上に移動するとき、同様の問題に直面していた。だから私は私のフッターでインラインスタイルを追加します。それは私のために働いた。

<div data-role="footer" data-position="fixed" style="position:absolute"> 

- > "スタイル= "の位置：絶対""

小さな部分は、私は私のフッターのタグに追加...そしてそれは完全に働いていること。私はあなたのために働くことを望む。