title: How to change the height of a scrollbar thumb?
body: <p>Is there any way to change the height of a scrollbar to a fixed height and change the amount of content scrolled accordingly? This is my current css code.</p>
  
  <pre><code>  ::-webkit-scrollbar {
      width: 30px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px #003B7C; 
      border-radius: 10px;
      background: white;
      border-left: 8px solid rgba(255,255,255,0);
      border-right: 8px solid rgba(255,255,255,0);
      background-clip: content-box;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
      background: linear-gradient(to right,#003B7C, #00538B, #83BBE6); 
      border-radius: 8px;
  }
  </code></pre>