CODEWITHSUNDEEP
htmlcsswebkit
stwhite
stwhite

Reputation: 3275

How can you prevent ::-webkit-scrollbar from pushing over elements

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.

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.

How can you prevent ::-webkit-scrollbar from pushing over elements?

here

The same question has been asked, but no proper answer has been found yet (do not flag as a duplicate).

Upvotes: 1

Views: 1561

Answers (1)

Forex
Forex

Reputation: 1039

It can be done by overflow: overlay. It is alternative for overflow: auto

Upvotes: 5

Related Questions