title: How to display scrollbar only when scrolling (using jQuery)
body: <p>I'm currently building an quiz application with a navigationbar at the bottom, containing bullets for the number of questions:</p>
  
  <p><a href="http://i.stack.imgur.com/LWhNp.png" rel="nofollow">Screenshot of scrollbar</a></p>
  
  <p>I got a scrollbar (horizontal) on the bottom of my page which serves to be a navigationbar. Much like you see it a lot on mobile applications. I don't have or want a scrollbar visible, to scroll I just simply click and drag to a side (or on a tablet tap and drag). This is currently working good.</p>
  
  <p><strong>The problem</strong></p>
  
  <p>What I would like to add as functionallity is a tiny dark blue scrollbar that only pops up if I scroll. I figured it'd be easiest if I use a div in stead of the scrollbar so it's to adjust with css. Now I have the div, scrolling along with the bar, auto adjusted to the length of questions and the current position.</p>
  
  <p>Have you got an idea how I can show the scrollbar whenever the scroll takes place? I'd rather not put it on hover but only on the movement.</p>
  
  <p>I allready tried the following:</p>
  
  <pre><code>$('#wrapper').scroll(function() {
    $('#navScrollbar').toggleClass("hidden");
  });
  </code></pre>
  
  <p>The class hidden obviously contains "visibility : hidden;". This wouldn't work for every scroll movement will toggle the class.</p>