title: Jquery scrollTop() with offset?
body: <p>I am using jquery scrollTop(), and I have some issues</p>
  
  <p>This is HTML</p>
  
  <pre><code>&lt;a class="jumper" href="#first"&gt;Jump&lt;/a&gt;
  
  &lt;div class="first"&gt;&lt;/div&gt;
  &lt;div id="second"&gt;&lt;/div&gt;
  &lt;div id="third"&gt;&lt;/div&gt;
  &lt;div id="fourth"&gt;&lt;/div&gt;
  &lt;div id="fifth"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>And Jquery</p>
  
  <pre><code>  $(document).ready(function () {
  
          $('.jumper').click(function () {
  
              $('html, body').animate({
                  scrollTop: $("#fourth").offset().top
              }, 2000);
  
          });
  
  
      });
  </code></pre>
  
  <p>It is working OK, but what i need, is not to scroll element #third to top of page, just to scroll it little under about few px smaller like 100px, because i want to leave something in previous element to be seen to, is that possible?</p>
  
  <p>Here is working fiddle</p>
  
  <p><a href="http://jsfiddle.net/X9FUg/4/" rel="noreferrer">http://jsfiddle.net/X9FUg/4/</a></p>
  
  <p>I want to leave yellow element to be seen abaout 100px?</p>