android - 滚动时Phonegap应用程序标题移动

Question

我正在开发一个Phonegap 应用程序。我已经为每一页使用了标题。但是当我在手机中测试它时，当我向下滚动时，有时标题也会移动并加入正文元素。（标题和正文元素应该有一些空间）。这是我的绳子......

<div data-role="page" id="detail-page" data-theme="a">
<div data-role="header" data-position="fixed">
<h1>xxxxxxxxxxxxx</h1>
</div>
<div data-role="content">
<form>
    <ul data-role="listview" data-inset="true" data-theme="a">
        <li ><div data-role="fieldcontain">
            <label for="textarea">name </label>
            <input type="text" name="name" id="name" value=""/></div>
        </li>
        <li ><div data-role="fieldcontain">
            <label for="address">xxxxxxxxx</label>
            <input type="hidden" name="xxxxx"/></div>
            <label for="xxxxxxx">xxxxxxxx:</label>
            <input type="text" name="xxxxx" id="xxxxxx" value="" />
            <label for="district">xxxxxxxxxx</label>
            <input type="text" name="xxxxxxx" id="xxxxxxxxxx" value=""/>
        </li>
        <li>
        <div data-role="fieldcontain">
        <label for="date">Date</label>
        <input type="datetime-local" name="date" id="name" value=""/></div></li>
        <li>
        <div data-role="fieldcontain">
        <label for="textarea">xxxxxxxxxxxx</label>
        <input type="text" name="xxxxxxxxxxx" id="xxxxxxxxxxxx" value=""/></div></li>

        </ul>

     <div data-role="fieldcontain">
     <button type="submit" name="save" id="save" value="Save" data-theme="a"/></div>

    </form>
    </div></div>

请帮我解决这个问题..谢谢。

Answer 1

添加页脚..

<div data-role="footer" data-position="fixed">
          <h1>Fixed Footer!</h1>
      </div>