How to make scrollbar overlapping page content

Question

I want to make scrollbar that overlaps the page. I wonder if there is a way to do it with pure CSS. I read an article about styling scrollbars with CSS (https://css-tricks.c

Answer 1

I have this same requirement in my project.

Here is the solution:

overflow: overlay

Hope it helps

Answer 2

You can try changing the background of the Scrollbar to transparent-

::-webkit-scrollbar-track {background: transparent}