title: scrolltop within a div is not working in jquery
body: <p>I want to animate <code>scrolltop</code> with in a div when I animate body scroll it is working fine for me </p>
  
  <p>But when I am using it with in a <code>div</code> it's fails.</p>
  
  <p><strong>This is working fine for me
  <a href="http://jsfiddle.net/yazaLyxs/" rel="nofollow">http://jsfiddle.net/yazaLyxs/</a></strong></p>
  
  <pre><code>$('body').animate({
      scrollTop: $('#myId').offset().top
  }, 'slow');
  </code></pre>
  
  <p><strong>Then why this code is not working ?</strong></p>
  
  <pre><code>$('.myClass').animate({
      scrollTop: $('#myId').offset().top
  }, 'slow');
  </code></pre>
  
  <p><a href="http://jsfiddle.net/qVWuv/198/" rel="nofollow">
  http://jsfiddle.net/qVWuv/198/</a></p>