title: Modify scroll direction
body: <p>So basically, I'm creating a site that thats split into two columns. These columns are go the entre height of the browser and individually fill up 50% of the screen. Basic example:</p>
  
  <pre><code> -------------
  |      |      |
  |  up  | down |
  |      |      |
   -------------
  </code></pre>
  
  <p>I've designed this. Each column is a div and both scroll vertically. What I want is to be able to scroll either div and the scroll direction on the right goes the opposite way to the one on the left; but they scroll at the same time.</p>
  
  <p>I'd also like a single scrollbar on the right (like a normal vertical site) but when you scroll that, one side goes up and the other side goes down.</p>
  
  <p>Is anyone able to assist here? Or point me into a particular direction?</p>
  
  <p><strong>Example:</strong>
  <a href="http://buero-buero.org/">http://buero-buero.org/</a></p>