Phonegap Applicatin標題在滾動時移動

Question

我正在使用Phonegap應用程序。我爲每個頁面都使用了標題。但是，當我在電話中進行了測試，&當我滾動下來，有時頭部還移動&加入了body元素。（頭&身體元素應該有一些空間）。這是我的線......

<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>