title: How to determine if top of DIV is within screen view using jQuery?
body: <p>I have a DIV that is several hundred pixels in height. When a user clicks a button, I would like to ensure they can view the very top when the Ajax returns a second view from the server.</p>
  
  <p>How can I make it so it will only scroll to the top of the DIV if the top currently isn't in view?</p>
  
  <p>For example, if a user hasn't scrolled at all on the page, has a high resolution and can view the entire DIV, I don't want any scrolling to occur. For users running lower resolutions, I would like to make sure they are sent to the top of the DIV so they can see it.</p>