Customizing Scroll bar

[PaulOB]

@Novicedeveloper

Not weird actually I was trying to achieve something like thi

You will need a jquery plugin as I suggested before and something like this has the options to do what you want.

Bear in mind that users may not know that the blue line and small bar is a scroll mechanism especially if moved to the left.

[TechnoBear]

@PaulOB

something like this has the options to do what you want.

…unless you use keyboard navigation, in which case it’s something of a fail.

http://webaim.org/techniques/keyboard/

[PaulOB]

@TechnoBear

…unless you use keyboard navigation, in which case it’s something of a fail.

Yes that’s the trouble with a lot of those and why I recommend avoiding custom scrollbars but we all know what clients are like

There are some scripts that do handle default scroll behaviours so you have to look around and find the most accessible.

If you are only interested in webkit browsers then you can do some custom styling in css only (no js required) without changing keyboard behaviour and can do things like this (note I haven’t styled the horizontal scrollbar but it can be done in the same way).

Whether that is a good thing or not is another question