title: Back to last scrolled position - jquery mobile page design
body: <p>I have a simple one page architecture. In the first page I loaded some list items. Next I scrolled the list and say I reached item 60. Then I clicked the item and it took me to second page.</p>
  
  <pre><code>&lt;div data-role="page" id="home"&gt;
      &lt;div data-role="header" data-position="fixed" data-tap-toggle="false"&gt; &lt;a href="#" class="ui-btn ui-btn-left" id="current"&gt;0&lt;/a&gt;
          &lt;h1&gt;Header&lt;/h1&gt;
          &lt;a href="#" class="ui-btn ui-btn-right" id="total"&gt;0&lt;/a&gt;
      &lt;/div&gt;
      &lt;div role="main" class="ui-content"&gt;
          &lt;ul data-role="listview" id="list"&gt;&lt;/ul&gt;
      &lt;/div&gt;
      &lt;div data-role="footer" data-position="fixed" data-tap-toggle="false"&gt;
          &lt;h1&gt;Footer&lt;/h1&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div data-role="page" id="page2"&gt;
      &lt;div data-role="header" data-position="fixed" data-tap-toggle="false"&gt; 
          &lt;a href="#home" class="ui-btn ui-btn-left"&gt;Back&lt;/a&gt;
          &lt;h1&gt;Header&lt;/h1&gt;
      &lt;/div&gt;
      &lt;div role="main" class="ui-content"&gt;
          Some page
      &lt;/div&gt;
      &lt;div data-role="footer" data-position="fixed" data-tap-toggle="false"&gt;
          &lt;h1&gt;Footer&lt;/h1&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now when I pressed <code>back</code> button in second page it brings the first page with the list, but scroll position is 0. I wanted it to be position of the 60th item. What I'm missing? How to get back in previous page where I left scrolling?</p>
  
  <p><a href="http://jsfiddle.net/pAgbT/16/" rel="nofollow">JsFiddle</a></p>
  
  <p>Watch the situation by scrolling, then press any button and then press the <code>back</code> button.</p>