jQuery Mobile (v1.1) の固定フッターは、画面の下部にとどまり、テキストの上に浮かび、それ以外の場合は常に表示されると想定されています。これはブラウザーではうまく機能しますが、Phonegap (現在は Cordova と呼ばれています) (v1.6) と一緒に Android アプリにバンドルすると、最初に表示された場所にフッターが固定されます。つまり、フッターはテキストとともにスクロールします。
本当に奇妙なのは、画面をタップすると、ヘッダーとフッターがページの上部と下部に固定され (これは固定ヘッダーとフッターを備えた jQuery Mobile 組み込み機能です)、再度タップするとヘッダーとフッターが移動することです。フローティングに戻ります。しかし、今回はフッターが画面の下部にとどまり、最初から想定されていたように、テキストとともにスクロールしません。
フッターを修正する方法はありますか?
私が使用しているコードは次のとおりです。
<div data-role="footer" data-theme="b" data-position="fixed" data-id="myfooter">
<a href="#nextPage" data-role="button" data-icon="arrow-r" data-iconpos="right" data-theme="d" data-transition="slide">Continue</a>
</div>
これが私が見ているものの例です。