2

ヘッダーとフッターが固定された単純な jquery モバイル アプリケーションを作成しました。正常に動作しますが、ヘッダーの後にコンテンツを表示する必要があるため、ヘッダーにコンテンツが重なっています。ここに私のマークアップがあります:

<div data-role="page" data-fullscreen="true">
        <header data-role="header" data-position="fixed"> <h1>Header</h1></header>
        <div data-role="content" class="content">
            Contents
        </div>
        <footer data-role="footer" data-position="fixed">Footer</footer>
</div>

コンテンツを整列するにはどうすればよいですか?

4

1 に答える 1

2

設定data-fullscreen="true"は写真のためのものです。設計上、少し透過的で、コンテンツの上に置かれるようになっています。

data-fullscreen="true" を取り除くことをお勧めします。ツールバーは引き続き固定されますが、コンテンツが重なることはありません。マークアップを次のように変更します。

<div data-role="page">
    <header data-role="header" data-position="fixed"> <h1>Header</h1></header>
    <div data-role="content" class="content">
        Contents
    </div>
    <footer data-role="footer" data-position="fixed"><h1>Footer</h1></footer>
</div>
于 2012-04-24T06:11:27.633 に答える