title: Page navigation (within a page) based on anchor tags without browser history (or #anchor appended to url)
body: <p>I have a long page and use a menu to navigate to different parts of it using the anchor tag.<br>
  This, however, is recorded in the browser history. So going 'back' will only move you within the page, not go back to the previous 'real' page.</p>
  
  <p>How can I use this and not record in the browser history - maybe using jQuery or similar, or maybe even without updating the URL with the #anchor tag itself?</p>
  
  <p>I'm coding in HTML5.</p>
  
  <hr>
  
  <p>Here is the menu code:</p>
  
  <pre><code>&lt;div class="entry_jump_menu clearfix"&gt;
   &lt;ul class="basic_menu"&gt;
    &lt;li&gt;&lt;a href="entry_about" class="entry_page_anchor_menu menu_about"&gt;About&lt;/a&gt;&lt;/li&gt;
    ....
   &lt;/ul&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>and the anchor:</p>
  
  <pre><code> &lt;div id="entry_about ...&gt;
    ... some content ...
   &lt;/div&gt;
  </code></pre>
  
  <p>I couldn't get the code below to work at all so I used this instead.</p>
  
  <pre><code>/**
   * ANCHOR TAGS WITHOUT HISTORY
   */   
  $('.entry_page_anchor_menu').click(function(){
      var jump = $(this).attr('href');
      var new_position = $('#'+jump).offset();
      window.scrollTo(new_position.left,new_position.top);
      return false;
  });
  </code></pre>
  
  <p>Many thanks to David for his efforts. A shame I couldn't get it to work at all.</p>