1

ここで簡単な質問。コードのコンテンツセクションを取得して、ページをフッターまで埋めようとしています。コンテンツタイプpadding-bottomのcssに次のハックを追加しようとしました：5000px margin-bottom：-5000px; 私もこのガイドに従いましたが、探していた結果が得られませんでした。これが起こっていることのスクリーンショットです：http： //img.photobucket.com/albums/v189/shadowtyper/screenshotIssue_zpse858c39a.gif

<div data-role="page" id="Ids" data-theme="a">
<div data-role="header" data-theme="b">
    <h1>Accepted Orders
    </h1>
    <a href="#page" data-icon="home" data-iconpos="notext" id="intro" class="ui-btn-right"></a>
</div>

<div data-role="content">
        <ul data-role="listview" data-inset="true" id="idsContent" data-theme="a">
            <li><a href="#somediv"> ID #12345678</a></li>
            <li><a href="#somediv"> ID #12345678</a></li>
        </ul>
</div>
   <div data-role="footer" data-position="fixed" class="footer-docs" data-theme="b">
    <p>footer</p>    
</div>

4

1 に答える 1

1

これが実用的な解決策です、私はそれを私の中で使用しています

$("div[data-role='page']").live('pageshow',function(e,data){    
    var header = $("div[data-role='header']:visible");
    var footer = $("div[data-role='footer']:visible");
    var content = $("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());
        content.height(content_height);
    } 
});

そして、これが実際の例です：http: //jsfiddle.net/Gajotres/BYufW/

これがあなたの望むものであることを願っています。

于 2013-01-18T21:44:57.757 に答える