title: Page Jumping - Can't stop it
body: <p>I'm making mock ups for a flash app using HTML pages - I'm using HTML pages to demonstrate it inside a browser, plus it looks better pixel for pixel, and I'm using jQuery for rich animations on some pages.</p>
  
  <p>I'm using normal <code>&lt;a&gt;</code> tags for my buttons which navigate through the HTML pages.</p>
  
  <p>But if I have scrolled halfway down the page and click on a button at the bottom of the page - when it goes to the next HTML page it jumps back to the top of the page - this is obviously going to happen.</p>
  
  <p>Is there any javascript or tricks that can prevent all <code>&lt;a&gt;</code> tags from jumping to the top of the page when navigating though my HTML pages. Or even better, if I could give my <code>&lt;a&gt;</code> tags a class so it doesn't interfere with my jQuery animations - because some use <code>&lt;a&gt;</code> tags.</p>
  
  <p>My html pages are like so:</p>
  
  <pre><code>page-1.html
  page-2.html
  page-3.html
  page-4.html
  page-5.html
  </code></pre>
  
  <p>I'm not actually using jQuery or JavaScript to navigate through my pages, so when it jumps to page-2.html from page-1.html - it always jumps to top.</p>
  
  <p>My <code>&lt;a&gt;</code> tags are using full href's <code>&lt;a href="page-2.html" class="stop-jumping" title="Page 2"&gt;&lt;img ... /&gt;&lt;/a&gt;</code></p>
  
  <p>I'm looking for something to include in the <code>head</code> of every HTML page to stop my page from moving when navigating using <code>&lt;a&gt;</code> tags.</p>