title: How can you prevent ::-webkit-scrollbar from pushing over elements
body: <p>I'm attempting to use webkit's custom scrollbar and I'd really like to prevent it from pushing over the div's next to it. I've tried hacking it by using an image sprite positioned to the right, but it goes under the scrollbar's trackbar. I've also attempted to hide the trackbar, set the opacity, negative margins/padding, and z-index—nothing appears to be working.</p>
  
  <p>The desired effect would be to have the element (grey bar in image below) to continue to the edge of the container and not stop at the scrollbar track.</p>
  
  <p><strong>How can you prevent ::-webkit-scrollbar from pushing over elements?</strong></p>
  
  <p><img src="https://i.stack.imgur.com/OM1D4.png" alt="here"></p>
  
  <p><em>The <a href="https://stackoverflow.com/questions/13054797/how-to-prevent-a-webkit-scrollbar-from-pushing-over-the-contents-of-a-div">same question</a> has been asked, but no proper answer has been found yet (do not flag as a duplicate).</em></p>