title: html ::-webkit-scrollbar not applied via jquery
body: <p>I can hide the scrollbar in Chrome with:</p>
  
  <pre><code># app.css loaded in &lt;head&gt;
  html ::-webkit-scrollbar {
    display: none;
  }
  </code></pre>
  
  <p>Now I want to manually hide the scrollbar, so I try to run the following with jQuery:</p>
  
  <pre><code>$("html ::-webkit-scrollbar").css("display", "none")
  </code></pre>
  
  <p>However, the scrollbar stays visible during scrolling.</p>
  
  <p>How can I manually hide/show the scrollbar?</p>