title: change div based on how far down the page you have scrolled
body: <p>I am trying to change the text inside a div based on how far down a page you have scrolled. I've been tinkering with jQuery's scrollTop and document height but have so far failed to produce the desired results.</p>
  
  <p>How would I get the position of an element on the page and then get jQuery to do something once you have scrolled to that elements position?</p>
  
  <p>Help is much appreciated!</p>