[SOLVED] Custom scrollbar style for webkit browser

[bitlab]

hmm just a simple css mod ahum ;-)

The defaults of Firefox looks already much better then the defaults of Chrome.
Firefox uses a draft w3c standard for scrollbar css, which is very limited (only 2 props for now).

If we add the following also to the media query, Firefox will also look a little bit more like the other one:

Code:

    * {
        whatever_prefix_class_we_use scrollbar-width: thin;
        whatever_prefix_class_we_use scrollbar-color: auto;
    }

This will result in thin scrollbar, without the top/bottom arrows. Where the track background is almost transparant and thumb depends on the average available color.


ps If in allmost all cases the scrollbar css is useful, maybe the js code should also express this by handling the expection (osx with the automatic scrollbar) by removing the class instead of adding:

Code:

$("body").removeClass("whatever_prefix_class_we_use");