New better scrollbar for Vivaldi
-
Default scrollbar is very poor and there's no extension that have all of this functions.
Customized functions that new scrollbar should have:
- auto-hide slider handle/background/both after certain no hover time
- showing search results indications on background (and on top of the slider handle - without obstruct)
- clicking on top/bottom area of background moves site to top/bottom - works like home/end
- clicking on area between slider handle and top/bottom scrolls the page - works like pageup/pagedown
- auto zooming scrollbar on hover with custom zoom level
- visual customization:
- slider handle/background/top-bottom areas: size, color/gradient, transparency, rounded corners, hovering state, clicking state
- option to fully on/off scrollbar
- option to on/off scrollbar in full screen mode
- left/right/top/bottom position of the scrollbar in window
- blacklist
-
@gregor Number 4 already works if I understand the request correctly. Number 1 could probably be done by a mod. I would vote for 7 and 8.
-
@pesala said in New better scrollbar:
Number 4 already works if I understand the request correctly.
Yes, it's standard behavior for most of the scrollbars.
-
@gregor As I understand it there exists an alternate scrollbar within chrome itself. If you type this page into the address bar:
vivaldi://flags/#overlay-scrollbars
you get to try them out.And you want to customize them further, you don't even need that flag, as you can use a custom css extension to inject your own styles. Following the advice here and here.
This will let you customise the visuals as you wish, and if you're willing to, you could modify the extension package with a blacklist.
This being said, I can understand your desire to have this kind of thing built-in to vivaldi, expecially as this won't really help solve points 7,8.
-
@lonm It's not the same scrollbar user styles do? But better, I guess.
Mine idea would to use vivaldi colors (--colorBg ecc ecc) to style them, but I'm not sure if there is a way to "expose" them to an userstyle/extension (I'm not sure if it can be done at all)
Moved scrollbar userscript to a unpacked extension, tnx -
@hadden89 That's true. Some way to expose theme variables to extensions or page userstyles would be nice. I merely offered it as a suggestion in the meantime.
-
You should have a look at my extension modern scroll. The only thing missing from your list is marking search results, because that is technically impossible to get from the API right now.
-
Looks very good but search results is quite important feature and I'd like with it for free
-
You can use some CSS to hide the scrollbar if you like. At least for certain web pages where you find it annoying. I recommend you to try the extension "Stylish" and the webpage "userstyles.org". Also as a few others mentioned, there can be some extensions for the scrollbar too.
If you make a new style with the stylish extension with this code it will hide:
I use this for Youtube.::-webkit-scrollbar {
display: none;
} -
@lonm said in New better scrollbar for Vivaldi:
@hadden89 Some way to expose theme variables
This works in chr setting page (inject UI vars), but I'm not overusing as the chromium internal pages are changing as seen in canary; didn't test for scrollbar
-
@masterzelex said in New better scrollbar for Vivaldi:
You can use some CSS to hide the scrollbar if you like.
How can I do it for scrollbar extension?
I recommend you to try the extension "Stylish" and the webpage "userstyles.org"
I use it but don't know what it has in common with scrollbars.
Also as a few others mentioned, there can be some extensions for the scrollbar too.
I know, I use one, but as I wrote, there's no free extension that have all of this functions.
-
How can I do it for scrollbar extension?
- I'm not sure. I would assume the normal way. I do not use scrollbar extension, only mouse-gestures, shortcuts, scripts to do my functions.
I use it but don't know what it has in common with scrollbars.
- You can find scrollbar themes on Userstyles, the visual customization you talked about. You can change how your scrollbar looks or hide it.
To hide the scrollbar on every website you can use this: https://userstyles.org/styles/148779/chrome-hide-scrollbar
I just wanted to tell about the magic of CSS.
If you want proper complex functions, you probably need some code for that, so it means an extension or a program, such as javascript. If you want to spend time on it and you use Windows, you can try out AutohotKey. I use it daily. But you have found an extension and that's good. It's good you come up with some ideas about scrollbar, functions are interesting and I think that's why we all use Vivaldi. Cheers. -
There's an option to Use Custom CSS but it replaces my settings with the new code.
@masterzelex said in New better scrollbar for Vivaldi:
::-webkit-scrollbar {
display: none;
}Doesn't it hide it completely? I wanted to auto-hide when no hover only.
-
@gregor said in New better scrollbar for Vivaldi:
search results is quite important feature
Totally agreed. I looked at this several times, but still didn't come up even with any dirty hack around the missing APIs.
@gregor said in New better scrollbar for Vivaldi:
and I'd like with it for free
I can get your point here as well. I tend to only download free content myself. And the general perception still is that everything has to be free. However, if you think about it, it's just a few cents. It's not even one beer. And developing such an extension takes hundreds of hours.
So if a friend of yours needed help with a computer problem and you sat down with him to fix it for like 4 hours, wouldn't he buy you a drink...?
You don't have to agree on this, but if you have the time, maybe you'd like to read this article on extension.zone explaining that extension situation in detail by, well, me... -