title: scrollable Listview in mobile HTML5 / Jquery
body: <p>I am implementing a shopping list application with mobile jquery. The basic structure is as follows:</p>
  
  <pre><code>&lt;div&gt;
  &lt;canvas id="header"&gt;&lt;/canvas&gt;
  &lt;ul id="list"&gt;
      &lt;li&gt; ... &lt;/li&gt;
      ...
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The canvas is a header at the top of the phone. The list of "li"s will be added to the DOM at runtime with jquery.</p>
  
  <p>I have the following two requirements:
  1. The header should remain in the same place when you scroll the ul.
  2. The size of the whole div should be the same as the display size, regard less of the number of li. That is to say, the li's should appear and disappear dynamically when you scroll.</p>
  
  <p>Is it possible with mobile jquery? Thank you very much.</p>