title: Reverse Scrolling
body: <p>I'm having trouble finding a solution to what I'm trying to accomplish.  I am trying to use JS (or additional libraries) to make it so that when the user scrolls down on the mousewheel the page scrolls the opposite way than it normally would.</p>
  
  <p>Basically, I want the bottom of the page to be seen first and as the user scrolls I want the top of the screen to come down into view.  The only example I've been able to find is the right column of <a href="http://conduit.com/">http://conduit.com/</a>.</p>
  
  <p>I've set up a JSFiddle <a href="http://jsfiddle.net/5UUtV/">http://jsfiddle.net/5UUtV/</a> with an example to help visualize it. I know it might have something to do with:</p>
  
  <pre><code>window.scrolltop();
  </code></pre>
  
  <p>but honestly, I'm not sure of the best way to go about this.</p>
  
  <p>I want the panel labeled '1' to be seen first, and the rest to come down into view as the user scrolls.</p>
  
  <p>Any ideas on how this could be done would be greatly appreciated.</p>
  
  <p>Thanks</p>