title: Custom scrollbar but keep disappearing effect
body: <p>Is there any way to just change the colour of a scrollbar in CSS, but keep the native 'disappear when not scrolling' effect. Basically I just want to turn the native scrollbar blue instead of its default black/dark-grey, but whenever I apply code like this</p>
  
  <pre><code>::-webkit-scrollbar {
      width:5px;
  }
  
  ::-webkit-scrollbar-track {
      background: transparent; 
  }
  
  ::-webkit-scrollbar-thumb {
      background: blue; 
      border-radius:5px;
      opacity:0.5;
  }
  </code></pre>
  
  <p>The scrollbar looks how I want it too, but its persistent, instead of disappearing when i'm not scrolling. Is there any way I can keep that effect on a custom scrollbar?</p>
  
  <p><strong>EDIT - As requested my current browser is google chrome 73.0.3683.103</strong></p>