title: Offsetting scrollTop
body: <p>I have the following snippet</p>
  
  <pre><code>$('html,body').animate({scrollTop: $('#menu').offset().top}, 'slow');
  </code></pre>
  
  <p>On click of a link I would like the browser to display from <em>near</em> the top of the #menu div. I would like it display just few pixels lines before the menu.</p>
  
  <p>How can I achieve this?</p>
  
  <p>I have added paddingTop:5 to offset() but this is not the desired result.</p>