title: How to hide scollbar when not overflowed yet
body: <p>how can I hide the scroll bar if content height of the div doesn't reach its maximum height like for the example below: <code>400px</code> and then shows up when the contents reaches or exceeds the height. Thanks!</p>
  
  <p>So far, what I've done is here:</p>
  
  <pre><code> &lt;div class = "divmenu" style = "height: 400px;overflow-y: scroll;overflow-x:hidden"&gt;
       &lt;div class = "col-lg-12"&gt;
         Content1 &lt;br&gt;
         Content2 &lt;br&gt;
         Content3 &lt;br&gt;
       &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>