title: How to combine overflow:visible and overflow:scroll in CSS?
body: <p>I am working on a page with horizontal scrolling and multiple columns. The first column of the text should be centered on the page and the other columns should be visible, too. Here is a sketch, which demonstrates what I have right now – an article with columns which is scrollable: <a href="http://jsfiddle.net/xnTxg/1/" rel="nofollow noreferrer">jsfiddle</a>. I would like to see the overflow text, too. I know <code>overflow-y:visible</code> and <code>overflow-y:scroll</code> cannot be combined, but how can achive something similar?</p>
  
  <p>Only the text (article) should be scrollable, not the whole page.</p>
  
  <p>Here are some images which illustrate what I would like to do:</p>
  
  <p><img src="https://i.stack.imgur.com/OFNM1.png" alt="image 1 – starting position">
  <img src="https://i.stack.imgur.com/EXDST.png" alt="image 2 – while scrolling">
  <img src="https://i.stack.imgur.com/dI0tN.png" alt="image 3 – scroll end position"></p>