title: Make fixed position div stay where it is when scroll position is at bottom
body: <p>I have a fixed position div that sits at <code>bottom:0</code>. When I scroll down to <code>$('html').height()-200</code>, I want my fixed position <code>div</code> to be <code>position: absolute; top: $('html').height)-200</code>.</p>
  
  <p>Any ideas on how to make this work?</p>
  
  <p>I got pretty close but the code is wonky if your browser window is too tall.</p>
  
  <p>The problem in my code lies in</p>
  
  <pre><code>    $('html,body').height()-800;
  </code></pre>
  
  <p>Here is an example. Note your browser needs to be a certain size for it to work. The "800" integer in the jsFiddle example is an arbitrary number and that part of the code is what I don't know how to fix.</p>
  
  <p><a href="http://jsfiddle.net/HVhLw/11/" rel="nofollow">http://jsfiddle.net/HVhLw/11/</a></p>