title: How to add padding to scrollTop() function
body: <p>I have a parent div with a list of div's.<br/>
  In parrent div I also added fixed positioned div on the top of parent div.<br/>
  Based on some action I call:</p>
  
  <pre><code>$('#parent').animate({       
                      scrollTop: $("#" + itemId).offset().top  - $('#parent').offset().top + $('#parent').scrollTop()
                       }, 500);
  </code></pre>
  
  <p>This successfully scroll to a div and put it on the top.<br/>
  The issue is that when searched div is on the top I can't see it because it is bellow fixed div.<br/></p>
  
  <pre><code>&lt;div id="parent"&gt;
  &lt;div id="fixedDiv" style="position: fixed;
  z-index: 999;
  background: #000;
  width: 300px;"&gt;
  ... some elements ...
  &lt;/div&gt;
  &lt;ul&gt;
  ... list of divs...
  &lt;/div&gt; 
  </code></pre>
  
  <p>Is there some solution to scroll to div padded from the top of parent?</p>