title: How can I fix header and footer position on mobile device?
body: <p>I am developing phonegap application which will be run on mobile device.
  But now I have some problems.
  When I touch mobile screen up or down,header or footer of page is disappeared.
  HTML code is as followed.</p>
  
  <pre><code>...
  &lt;body&gt;
     &lt;div data-role="page" id="page1"&gt;
        &lt;div data-role="header" data-position="fixed"&gt;
           Header!!!
        &lt;/div&gt;
        &lt;div data-role="footer" data-position="fixed"&gt;
           Footer!!!
        &lt;/div&gt;
     ... ...
     &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Anyone helps me!</p>