title: Scroll to an element using jQuery
body: <p>I need the page to scroll just so that an element is visible.</p>
  <p>Options I've tried:</p>
  <ul>
  <li><p>jQuery's <code>scrollTo</code>: the problem is that the page scrolls so that the element is on top (or at least it tries to do that, much like how this works: <code>&lt;a name=&quot;xyz&quot;&gt;</code> / <code>&lt;a href=&quot;#xyz&quot;&gt;</code>). I want the minimum amount of scrolling, so that the entire element is visible (and, if the element is too tall, work like the anchor there).</p>
  </li>
  <li><p><code>scrollIntoView</code>: awful. I want it to scroll smoothly (like <code>$.scrollTo($('#id1'), 'fast');</code>). Also, it doesn't seem to do what I want either.</p>
  </li>
  </ul>