CSS hide scroll bar, but have element scrollable : <p>I have this element called items and the content inside the element is longer than the element height, I want to make it scrollable but hide the scroll bar, how would I do that?</p>

<pre><code>&lt;div class="left-side"&gt;
    &lt;div class="items" style="display:block;width: 94%;margin: 0 auto;overflow: hidden;"&gt;
    &lt;/div&gt;
&lt;/div&gt;

.left-side {
    width: 1470px;
    padding-top: 20px;
    height: 878px;
}
</code></pre>

<p>I tried setting the left-side class overflow to auto, but that didn't do anything.</p>
