title: Click-triggered scrollTop takes random amount of time to fire
body: <p>I have a comment section which automatically scrolls into view when you scroll it (using jQuery <code>scrollTop</code>), and then a button which scrolls you back up when you click it. The first scrolling action always runs perfectly, but the second scrolling action takes a seemingly random amount of time to occur after the button is pressed. </p>
  
  <p>A live demonstration can be found here: <a href="http://www.rouvou.com/pages/Kanye%20West" rel="nofollow">www.rouvou.com/KanyeWest</a>. Go down to the comment section, and scroll it to fire the first jquery scroll. Then click the "Back" button to fire the second scroll. It might work instantly the first few times you try it, but if you do it enough, it should be delayed eventually.</p>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;div id="comment-section"&gt;
    &lt;div id="comment-background-up"&gt;BACK&lt;/div&gt;
    &lt;div id="good_comments"&gt;&lt;!--CONTENT--&gt;&lt;/div&gt;  
    &lt;div id="bad_comments"&gt;&lt;!--CONTENT--&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>jquery</strong></p>
  
  <pre><code>$("#good_comments").scroll(function() {
    $('html, body').animate({
        scrollTop: $("#good_comments").offset().top
    }, 700);
    $("#comment-background-up").fadeIn(200);
  });
  $("#bad_comments").scroll(function() {
    $('html, body').animate({
        scrollTop: $("#bad_comments").offset().top
    }, 700);
    $("#comment-background-up").fadeIn(200);
  });
  $("#comment-background-up").click(function() {
    $('html, body').animate({
        scrollTop: $("#randomajax").offset().top
    }, 700);
    $(this).fadeOut(200);
  });
  </code></pre>
  
  <p>Does anyone know what could be causing this delay?</p>