#Textbar transparent windows

If(scrollBlock.offsetTop - newPos >= 0 & scrollBlock.offsetTop - newPos <= Math.ceil(screen.height - scrollBlock.

For those who have not been helped by any method I suggest making custom scrollbar bar in pure javascript.įor a start, disable the standard scrollbar in style.css ::-webkit-scrollbar I wasn't able to put it inside any of the codepen or jsfiddle, apparently it took me a while until I figured out, but they don't show the transparency, and I don't know why.īut putting this in a HTML file should go fine.

#Textbar transparent windows

This will also put the scrollbar inside the page instead of removing some of the width to put in the scrollbar. To achieve a transparent taskbar on Windows 11, you can try adjusting the settings in the Personalization menu. The scrollbar will then also take transparent backgrounds across the page. If the taskbar elements show up with a different coloring, make sure to turn off the accent color on the taskbar, under Settings > Personalization > Colors. They've made an experiment that allows the client user to enable it at chrome://flags/ and then searching for 'Overlay Scrollbars'. TranslucentTB’s color picker offers live preview, so you can try a bunch of color options easily.

Regarding Google Chrome's overlay scrollbars. I can't suggest this alone, they need more people that would be interested in having a 'feature' to let the website author control whether a classic or a overlay scrollbar should be used. If we want an alternative solution, then we have to tell them, here: And the people at the csswg-drafts say that the people that would implement such a feature, don't seem to be interested into it. The documention of scrollbar-gutter says, that the user agent is able to control whether it shows classic or overlay scrollbars. But there's actually nothing pointing towards an alternative solution, except people saying that there would be. Whether an alternative solution exists, is unknown, but the one mentioned below still works for Google Chrome.įrom what I understood from, is that the alternative was ment to be scrollbar-gutter. The taskbar should change its color when you change the value of the parameter. Toggle the option 'Transparency Effects' to on.

However, overflow: overlay was marked depreciated. Select Start and then Settings to open the Settings application (or use the keyboard shortcut Windows-I). The solution that I gave with overflow: overlay still works in browsers like Google Chrome and you can still see my answer below.