Scrollbar Effect!

Hello guys, I have a question searched for it and unfortunately could not find the answer!
Here i have the page scrollbar, how i can get the content behind the scrollbar (the scroll bar is transparent) as example the green thing is part of background image, i want the scrollbar to be on the background image as well as shows part of it through its transparency .
Thanks in advance!

ArchenvuOP•11/10/23, 3:48 PM

More explain, i want the background to use that space

AArchenvu More explain, i want the background to use that space

capt_uhu•11/10/23, 10:21 PM

scrollbar styling on the web is a bit of a dumpster fire.... Can you share what code you have so far?

ArchenvuOP•11/10/23, 10:22 PM

Regarding the scrollbar thats all

ArchenvuOP•11/10/23, 10:23 PM

i tried a lot of stuff to make it be above the content instead of taking some space

capt_uhu•11/10/23, 10:24 PM

i think the official property gives the effect you want but will only work in Firefox for now: https://codepen.io/jsnkuhn/pen/eYxWoBr

capt_uhu•11/10/23, 10:26 PM

is the issue that the -webkit-scrollbar-track is just not accepting the transparent?

ArchenvuOP•11/10/23, 10:28 PM

it didnt do anything in both firefox and chrome

Ccapt_uhu is the issue that the -webkit-scrollbar-track is just not accepting the transpar...

ArchenvuOP•11/10/23, 10:29 PM

i want it like this

ArchenvuOP•11/10/23, 10:29 PM

wait

ArchenvuOP•11/10/23, 10:29 PM

AArchenvu Regarding the scrollbar thats all

ArchenvuOP•11/10/23, 10:30 PM

the content to go behind the scroll bar, in the way i have done the transpearnacy working

ArchenvuOP•11/10/23, 10:31 PM

as well as the opacity

Ccapt_uhu i think the official `scrollbar-color` property gives the effect you want but wi...

ArchenvuOP•11/10/23, 10:32 PM

it worked on codepin

capt_uhu•11/10/23, 10:32 PM

ahh ok, so the transparent is probably working but the scrollbar is added to the right of the element and not overlaying it?

Ccapt_uhu ahh ok, so the transparent is probably working but the scrollbar is added to the...

ArchenvuOP•11/10/23, 10:32 PM

capt_uhu•11/10/23, 10:34 PM

so this suggests never heard of it but it's worth a try https://stackoverflow.com/questions/57862671/how-to-make-scroll-bar-overlay-content

capt_uhu•11/10/23, 10:39 PM

in all honestly your probably better off using a js library for this

ArchenvuOP•11/10/23, 10:40 PM

hmmm ooki thanks! can u gimme a suggestion ? dont know about which one that can help me with that

capt_uhu•11/10/23, 10:43 PM

the one they recommend in the post seems to work: http://grsmto.github.io/simplebar/

ArchenvuOP•11/10/23, 10:56 PM

Thanks i'll try it late and see!