title: Animate scrollTop but I can't use $('html,body').animate({scrollTop: 0}, 'slow');
body: <p>I am very new to jQuery so please don't mind me.</p>
  <p><strong>I have this style</strong></p>
  <pre><code>html, body{
      height: 100%;
      overflow: auto;
  }
  </code></pre>
  <p><strong>And this script</strong></p>
  <pre><code>$(document).ready(function() {
      $('#guide-wrap').scrollTop($('#main').position().top);
  });
  </code></pre>
  <p>So when the window loads, it jumps to <code>div</code> with id <code>main</code>
  <strong>I want it to animate</strong> but since I have <code> height: 100%; overflow: auto;</code> I cannot use this script:</p>
  <pre><code>$('html,body').animate({scrollTop: 0}, 'slow');
  </code></pre>
  <p>Or maybe I don't know how to do it. I know it may look very obvious to you guys but I am very new and I've google a lot before decided to post here. Please anyone help me.</p>