title: CSS - How to make overflow hidden on the right but not the left?
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/8953971/overflow-xhidden-one-side-only">“overflow-x:hidden” one side only?</a>  </p>
  </blockquote>
  
  
  
  <p>I have a container that scrolls horizontally and when the user scrolls to the left and it overflows out I want it to still show, but any time the user scrolls to the right, I want it to hide. Any suggestions?</p>
  
  <p>Here's some code:</p>
  
  <pre><code>&lt;div class="scroller"&gt;
      ... content
  &lt;/div&gt;
  </code></pre>
  
  <hr>
  
  <pre><code>.scroller {
      overflow-x: scroll;
  }
  </code></pre>