title: How to scroll an item inside a scrollable div to the top
body: <p>I have a #contact-list-scroller div that scrolls in the page. Based on a contact_XXXX ID I'd like the #contact-list-scroller scroll position to bet set to make sure the contact_XXX item is at the top of the page.</p>
  
  <pre><code>&lt;div id="contact-list-scroller"&gt;
     &lt;div id="contact_8965"&gt;stuff&lt;/div&gt;
     &lt;div id="contact_8966"&gt;stuff&lt;/div&gt;
     &lt;div id="contact_8967"&gt;stuff&lt;/div&gt;
     &lt;div id="contact_8968"&gt;stuff&lt;/div&gt;
     &lt;div id="contact_8969"&gt;stuff&lt;/div&gt;
     .....
  &lt;/div&gt;
  </code></pre>
  
  <p>Here's what I have so far:</p>
  
  <pre><code>$('#contact-list-scroller').scrollTop($('#contact_' + id).scrollTop());
  </code></pre>
  
  <p>But that is just scrolling to the top. Ideas? Thanks</p>