title: Only show scrollbar when page scrolls in css
body: <p>I have an html page of different kinds of images in a <code>&lt;div&gt;</code> with following CSS property:</p>
  
  <pre><code>.images_container {
     position: relative;
     height: calc(100% - 200px);
     padding-top: 20px;
     overflow: auto;
     margin: auto;
  }
  </code></pre>
  
  <p>Currently page scrollbar is showing but I want to show the scrollbar only when user scrolls the page. Is this possible in CSS or JavaScript?</p>