title: Horizontally scrollable without scrollbar
body: <p>I'm trying to mimic the behavior of <code>overflow-y:hidden</code> to <code>overflow-x</code>, but it doesn't behave the same way. <code>overflow-x:hidden</code> doesn't allow to scroll (by dragging the mouse).</p>
  
  <p>See: <a href="http://jsfiddle.net/Gxm2z/" rel="noreferrer">http://jsfiddle.net/Gxm2z/</a></p>
  
  <pre><code>#container {
      width: 300px
  }
  #modules {
      height: 50px;
      padding: 5px;
      white-space: nowrap;
      overflow-y: hidden;
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch;
  }
  .module {
      display: inline-block;
      width: 50px;
      height: 50px;
      line-height: 50px;
      text-align: center;
      background: #ddd;
  }
  </code></pre>
  
  <p>How can I achieve the same result without a scroll bar? I'm ok with a javascript/jQuery plugin.</p>
  
  <p>The plan is to use arrows, and maybe a custom scrollbar</p>