title: How to force a website to load at the top?
body: <p>I am developing a parallax website. For some reason, whenever I refresh the page, it always loads at the bottom instead of the top. Does anyone know how to overwrite this? Or is it because there's something wrong with my code, that causes the browser to load at the bottom?</p>
  
  <p>I will provide the code if needed, but this is more of a general question. Just want to know the reason why a browser would reload at the bottom instead at the top. (Tested on Chrome &amp; Firefox).</p>
  
  <p>Alright here is the code. First of all, its HTML5 and loading jQuery 1.8.0</p>
  
  <p>Code:</p>
  
  <pre><code>&lt;!-- Section #1 / Intro --&gt;
  &lt;section id="first" class="story" data-speed="8" data-type="background"&gt;        
      &lt;div class="heart" data-type="sprite" data-offsetY="100" data-Xposition="50%" data-speed="-2"&gt;&lt;/div&gt;        
  
      &lt;article&gt;
  
          &lt;img src="images/blackout.png" alt="tutorial-title" width="auto" height="auto" /&gt;
  
      &lt;/article&gt;
  &lt;/section&gt;
  
  &lt;!-- Section #2 / Background Only --&gt;
  &lt;section id="second" class="story2" data-speed="5" data-type="background"&gt;
      &lt;article&gt;
          &lt;h2&gt;Background Only&lt;/h2&gt;
              &lt;p&gt;my text stuff appears here&lt;/p&gt;   
      &lt;/article&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>So, everytime I refresh the browser, the website always loads on Section #2 instead of section #1.</p>