0

jQuery mobile と 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>
4

2 に答える 2

1

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

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

--> " style = "position:absolute" "

フッタータグに追加するその小さな部分...そしてそれは完全に機能しました。うまくいくことを願っています。

于 2014-02-18T12:18:01.713 に答える
0

Jquery モバイル 1.1.0 と実際の固定ツールバーへの変更を検討する必要があります。お知らせをお読みください。使用中のほとんどのデバイスでサポートされており、最もクリーンなソリューションです。

このアプローチの最も優れた点は、すべてのプラットフォームで不自然なスクロール物理を課す JS ベースのソリューションとは異なり、スクロールが 100% ネイティブに感じられることです。これは、スクロールがどこでも正しく感じられ、タッチ、マウスホイール、およびキーボードのユーザー入力で機能することを意味します。

于 2012-05-04T21:02:46.897 に答える