title: set bottom of page to bottom of div
body: <p>I have a grid of divs that when clicked reveal a div beneath their current row.
  I'd like it so if the user clicked a div on the bottom row - the page would scroll so that the revealed div was now aligned to the bottom of the screen (so that the user would know the div was there and it wouldn't be hidden off screen)</p>
  
  <p>I've tried using jquery scrollTop as</p>
  
  <pre><code>  $('body').scrollTop(div);
  </code></pre>
  
  <p>and this sets the div to the top of the page - but how can I align to the bottom - also can I animate this transition?</p>