title: How to change the scrolling direction
body: <p>I like to change the direction of scroll in opposite direction for specific column. I tried searching google, but i don't find any solution. To give an example, take this...</p>
  
  <p>jFiddle : <a href="http://jsfiddle.net/yLHeC/1/" rel="nofollow">http://jsfiddle.net/yLHeC/1/</a></p>
  
  <p>There are three columns,</p>
  
  <p>left, center, right. Each column height is 5000px. The center column has negative margin of 4500px. Now when user scroll, left and right should be as usual, but the center should scroll from bottom to top. Hope you got it.</p>
  
  <p>Example site : <a href="http://www.ballantyne.it/" rel="nofollow">http://www.ballantyne.it/</a></p>
  
  <pre><code>.left{
  height:5000px;
  }
  
  .center{
  height:5000px;
  margin-top:-4500px;
  }
  
  .right{
  height:5000px;
  }
  </code></pre>