title: A scrollable area with the overflow hidden but no scroll bar
body: <p>Is there a way of having an overflowing div that hides the overflow, doesn't have a scroll bar but is still scrollable (by means of the mouse wheel / touch input)?</p>
  
  <p>e.g.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;  
      &lt;div id="longtext" style="width:100px; height:100px;"&gt;  
          Lorem ipsum....  
      &lt;/div&gt;
  </code></pre>
  
  <p>My CSS attempts have failed as <code>overflow: hidden;</code> stops the area being scrollable whilst <code>overflow: auto</code>/<code>overflow: scroll</code> has the scrollbars. </p>
  
  <p>Thanks in advance</p>