title: Multi-Column Vertical Scrolling in CSS/JavaScript
body: <p>Presently, is there a way to do multi-column scrolling in CSS or CSS with JavaScript?</p>
  
  <p>To describe what I mean by this, I've set up a quick demo on jsfiddle:</p>
  
  <p><a href="http://jsfiddle.net/S7AGp/" rel="noreferrer">http://jsfiddle.net/S7AGp/</a></p>
  
  <p>When too much text is in the div, I would like to be able to scroll vertically, with new text coming up from bottom of the right-most column, and the old text exiting above the left most column - Basically, like a text-area, except with two columns.</p>
  
  <p>Instead, what happens is that it creates extra columns you have to to scroll horizontally for.</p>
  
  <p>While I could try to store each line of text in an array, and then change that on scroll, I was curious if there is already a way to do this in plain CSS or if a solution already exists via JavaScript. Thanks!</p>