title: jQuery scrollTop / scrollTo / scrollIntoView stops halfway
body: <p>Well where to start,  i have a site which is all about ranks (users can set their own rank) and whenever a user is logged in it should autoscroll to that displayed rank of the user.</p>
  
  <p>I have a div which gets the id named: fancy whenever the rank matches with the rank of the user. </p>
  
  <p>However this doesn't work as intended because it stops halfway when the fancy div is visible @bottom. </p>
  
  <p>Code parts i tried which failed:</p>
  
  <h1>1</h1>
  
  <pre><code>$('body').scrollTo('#fancy',{duration:'slow', offsetTop : '50'});
  </code></pre>
  
  <h1>2</h1>
  
  <pre><code>$('html, body').animate({
     scrollTop: $("#fancy").offset().top - (50)
  }, 1000);
  </code></pre>
  
  <h1>3</h1>
  
  <pre><code>document.getElementById('fancy').scrollIntoView();
  </code></pre>
  
  <p>Another thing i tried:</p>
  
  <ul>
  <li>Hide all divs and set the specific rank one to visible, doing this makes the scroll working as intended. </li>
  </ul>