title: Animate scroll to ID on page load
body: <p>Im tring to animate the scroll to a particular ID on page load. I have done lots of research and came across this:</p>
  
  <pre><code>$("html, body").animate({ scrollTop: $('#title1').height() }, 1000);
  </code></pre>
  
  <p>but this seems to start from the ID and animate to the top of the page?</p>
  
  <p>The HTML (which is half way down the page) is simply:</p>
  
  <pre><code>&lt;h2 id="title1"&gt;Title here&lt;/h2&gt;
  </code></pre>