Stop Scrolling at a Certain Point
<p>I'm trying to replicate something similar to this: <a href="http://jsfiddle.net/Tgm6Y/1/" rel="nofollow">http://jsfiddle.net/Tgm6Y/1/</a></p>

<p>When you scroll down, the div scrolls with you (<code>position: fixed</code>) until it reaches a certain point, where it stops (<code>position: absolute</code>), and as you continue to scroll down, it retains that position on the page (<code>250px</code>), until you scroll up to pick it back up again.</p>

<p>What I have so far: <a href="http://jsfiddle.net/JaJ5Q/" rel="nofollow">http://jsfiddle.net/JaJ5Q/</a></p>

<p>Right now my fiddle does everything except it does not retain the position it was "dropped off" at, instead it goes back to its original position.</p>

<p>Ideas?</p>
