title: Scrollbar Appear on Scroll
body: <p>I saw a site recently that had a hidden scrollbar which appear on scroll. This may also be because it's a slickgrid. I'm able to control my scrollbar CSS specific to a <code>div</code> but can't control it from javascript. My script so far has been pretty simplistic:</p>
  
  <pre><code>$('#mydiv').scroll(function(){
      $('#mydiv::-webkit-scrollbar').fadeIn(500);
      //I've also tried .css() above and tried the .hover event as well
  })
  </code></pre>
  
  <p>My div and scrollbar css:</p>
  
  <pre><code>#mydiv{overflow-x: hidden; overflow-y: auto; height: 80%; width: 100%;}
  #mydiv::-webkit-scrollbar{display: none;}
  </code></pre>
  
  <p>Is there a way to show the scrollbar on scroll? I already know how to control on hover by changing overflow on <code>:hover</code> in css.</p>