Keeping scroll distance from top of page despite window height
<p>I am changing the background color of my page based on the scroll position from the top of the page, but I want to cycle through all of the colors regardless of of the height of the window. What I have now is strictly based on the number of pixels the scroll is from the top of the page, but you'll see that is dependent on the window height. How could I modify this to get it to always scroll through all of the colors, even if the browser is resized?</p>

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