javascript - 上部の jQuery Mobile Div

Question

ちょっと変わったリクエストですね。

ご覧のとおり、単純な jQueryMobile ページがあります。

    <div data-role="page" class="type-home"  id="home">
        <div data-role="header" data-theme="b">
            <h1>Our Tools</h1>
        </div>
        <div data-role="content">
            <ul data-role="listview">
        ......

高さ 100 ピクセルのコンテンツを含む Div を、jQuery Mobile が使用するスタイリングや div の外側の一番上に配置する必要があります。

単純な Div をそのまま追加するだけで jQuery Mobile でカバーされるので、それはどのように行われますか。

iFrame を使用できません。すべて html の 1 ページに配置する必要があります。