html - jquerymobileでスティッキーフッターを作成するにはどうすればよいですか？

Question

画面全体に十分なページコンテンツがある場合を除いて、フッターを常に画面の下部に固定する必要があります。この場合、コンテンツが優先され、フッターが下部から押し出されます（スクロールして表示します）。

望ましい動作の例を次に示します。http： //ryanfait.com/sticky-footer/

明確にするために、私はJQMの固定ツールバーについて知っていますが、コンテンツが多い場合に貴重な画面スペースを占めるため、私が望むものではありません。

score 0 · Accepted Answer

私が最も近いのは、次のCSSルールです。

[data-role=footer] {
    bottom: 0;
    position: absolute;
    width: 100%;
}

もっと良い方法を知っているなら、答えを投稿してください！

score 0 · Accepted Answer

固定フルスクリーンまたは非フルスクリーンを試してみるべきかもしれませんが、JqMobileのヘッダーとフッターを修正しました...

jqMobileでは、この機能が追加され、Webアプリ開発者にとって最も活気のある機能です。

それを見てください。

また、クラスを追加することで、スペースの問題にカスタムcssを適用できます...

score 0 · Accepted Answer

私の最善の解決策：

$(document).ready(function(){
    $("html, body, .ui-page").height($(window).height());
}

お役に立てれば。

3 に答える 3