title: Set -webkit-scrollbar-thumb visibility in jQuery
body: <p>I tried setting the visibility of the scrollbar thumb via jquery like so:</p>
  
  <pre><code>$('-webkit-scrollbar-thumb').css('visibility', 'hidden')
  </code></pre>
  
  <p>But it didn't actually do anything. Here's my CSS Definition:</p>
  
  <pre><code>::-webkit-scrollbar-thumb {
      -webkit-border-radius: 10px;
      background: rgba(150, 150, 150, 0.8); 
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
      border-radius: 2;
      margin: 5px;
  }
  </code></pre>
  
  <p>I can't disable scrolling by hiding the overflow because I still need scrolling enabled, I just need to hide the scrollbar thumb through javascript.</p>