title: Custom webkit scrollbar position
body: <p>I have a custom webkit scrollbar like this:</p>
  
  <pre><code>::-webkit-scrollbar{
    background: transparent;
    width: 10px;
  }
  ::-webkit-scrollbar-thumb{
    background: #999 !important;
  }
  </code></pre>
  
  <p>So it renders a grey custom scrollbar instead of the standard one. However, it is stuck to the right side of the page. I know I can change this by adding a margin, padding or border to my body but I am using fullscreen (on backgrounds) images. So when I try this all the images are affected by this too, which I do not want. So I tried to position the scrollbar but this does not work (as it is not an element but a user agent property...</p>
  
  <p>So I'm looking for a way (without using another plugin) to customize the toolbar so that it is offset from the side.</p>
  
  <p>Or, if possible that I can make the scrollbar offset in a div.</p>
  
  <p>Secondly, I'm looking for a way that I can make the "track" of the scrollbar transparet. So only a handle.</p>
  
  <p>Thanks in advance!</p>