title: Autohide Scrollbars - Show only when necessary
body: <p>I would like to know how to achieve a autohiding scrollbar - meaning that the scrollbar would be only visible when actively scrolling. Similar the scrollbar used on most sites (including Stackoverflow) and Android.</p>
  
  <p>I was only able to achieve this myself by creating a fixed element which is positioned on top of the scrollbar and using Javascript to listen to the scroll event and then adjust its opacity. Although this works, I believe a simpler, pure CSS solution to this is possible.</p>
  
  <p>I've tried to figure this out myself, but inspecting the scrollbar styles is painful and I've not made much progress. Is this behaviour OS specific?</p>
  
  <p>The property I am looking for would be similar to this in functionality, but needless to mention work across browsers: <a href="https://msdn.microsoft.com/en-in/library/windows/apps/hh441298.aspx" rel="nofollow">https://msdn.microsoft.com/en-in/library/windows/apps/hh441298.aspx</a></p>
  
  <pre><code>-ms-overflow-style: -ms-autohiding-scrollbar
  </code></pre>
  
  <p>Thanks in advance for the response.</p>