title: how to customise custom scroll?
body: <p>I want my scroll to have a transparent background, for the scroll to be a slight white dash and have a up arrow and down arrow at the top...this is how i am customising at the moment. It gives me a grey long scroll...but i dont know what to edit to change it?</p>
  
  <pre><code>    ::-webkit-scrollbar {
      width: 10px;
      height: 6px;
  }
  
  ::-webkit-scrollbar-button:start:decrement,
  ::-webkit-scrollbar-button:end:increment {
      height: 30px;
      display: block;
      background-color: transparent;
  }
  
  ::-webkit-scrollbar-track-piece {
      background-color: transparent;
      -webkit-border-radius: 6px;
  }
  
  ::-webkit-scrollbar-thumb:vertical {
      height: 50px;
      background-color: #666;
      -webkit-border-radius: 6px;
  }
  
  ::-webkit-scrollbar-thumb:horizontal {
      width: 50px;
      background-color: #666;
      -webkit-border-radius: 3px;
  }
  </code></pre>