1

jQuery Mobile を使用してモバイル アプリを開発していますが、コンテンツとフッターの間に空白があります。このスペースを閉じるにはどうすればよいですか?

下部が白のサイト

4

2 に答える 2

3

この問題には3つの解決策があります。

  1. data-themeコンテンツとページコンテナの両方に同じものを使用できる場合。残念ながら、両者の間にはまだ目に見える違いがあるため、見栄えがよくありません。

  2. コンテナでは使用しないdata-themeでくださいが、常にページdivでのみ使用してください。それでも最善の解決策ではありません。

  3. 利用可能な空き容量がいっぱいになるように、コンテンツのサイズを変更します。この方法を使用します。

    function getRealContentHeight() {
    var header = $.mobile.activePage.find("div[data-role='header']:visible");
    var footer = $.mobile.activePage.find("div[data-role='footer']:visible");
    var content = $.mobile.activePage.find("div[data-role='content']:visible:visible");
    var viewport_height = $(window).height();

    var content_height = viewport_height - header.outerHeight() - footer.outerHeight();
    if((content.outerHeight() - header.outerHeight() - footer.outerHeight()) <= viewport_height) {
        content_height -= (content.outerHeight() - content.height());
    } 
    return content_height;
}

このソリューションの詳細については、他の記事（私の個人ブログ）を参照するか、ここで見つけて、次の章を探してください：正しい最大コンテンツの高さを取得します。

于 2013-03-07T15:48:21.080 に答える
0

スタイル/cssでui-page-theme-aの色を調整できるため、認識できません

.ui-page-theme-a
{
    background-color: sameAsContent/Footer !important;
    border-color: sameAsContent/Footer !important;

}
于 2015-09-15T13:55:31.840 に答える