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:

    1. auto-hide slider handle/background/both after certain no hover time
    2. showing search results indications on background (and on top of the slider handle - without obstruct)
    3. clicking on top/bottom area of background moves site to top/bottom - works like home/end
    4. clicking on area between slider handle and top/bottom scrolls the page - works like pageup/pagedown
    5. auto zooming scrollbar on hover with custom zoom level
    6. visual customization:
    • slider handle/background/top-bottom areas: size, color/gradient, transparency, rounded corners, hovering state, clicking state
    1. option to fully on/off scrollbar
    2. option to on/off scrollbar in full screen mode
    3. left/right/top/bottom position of the scrollbar in window
    4. 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 :P



  • @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.



  • @gregor

    Number 4 already works if I understand the request correctly.

    @Pesala mean, It is work that way in Vivaldi, since long times.


  • Moderator

    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.



  • @gregor

    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.

    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.



  • I use https://chrome.google.com/webstore/detail/rescroller/ddehdnnhjimbggeeenghijehnpakijod?utm_source=chrome-app-launcher-info-dialog

    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.


Log in to reply
 

Looks like your connection to Vivaldi Forum was lost, please wait while we try to reconnect.