title: iScroll with a draggable desktop browser scrollbar
body: <p>I would like to make my webpage, that uses iScroll4, a little bit better for desktop (linux, mac or pc) browser users. I would like to add the drag-able scrollbar to the iScroll component and hide the default indicator. Or if the default indicator can be changed somehow to accept clicks and drags - that would be great also.</p>
  
  <p>So far I have changed the iScroll event-handler in this way:</p>
  
  <p>from:</p>
  
  <pre><code>case MOVE_EV: that._move(e); break;
  case END_EV: 
  </code></pre>
  
  <p>to:</p>
  
  <pre><code>case MOVE_EV: that.disable(); break;
  case END_EV: that.enable(); break;
  </code></pre>
  
  <p>This change is done because otherwise the drag-down within the iScroll element would scroll the page in the wrong direction.</p>
  
  <hr>
  
  <p>Now I have some serious problems displaying the actual scrollbar in the iScroll element. Adding:</p>
  
  <pre><code>overflow:scroll;
  </code></pre>
  
  <p>to the div that contains iScroll, makes the scrollbar visible only for few moments and only after mouse scroll. The scrollbar then fades away.</p>
  
  <p>If anyone has any great ideas, how to change the iScroll.js file in a way that the iScroll can actually change itself to have drag-able scrollbar, that would be wonderful.</p>
  
  <p>I would also like to note, that I would like to preserve the option to use iScroll in a default way for touch-enabled devices and change the default behaviour for only desktop browsers.</p>