If we want to have a custom scrollbar style in html page, there are several options available, but we have to keep in mind the browser compatibility since each browser supports different features.
- There are some browsers which support webkit property on css styles, scrollbars in these browsers can be styled relatively easily. But IE, firefox and opera are not compatible with webkit css styles
- There is a fallback jquery plugin available for not webkit browsers described at http://jscrollpane.kelvinluck.com/ which is very nice.
I have summarized this information from https://webdesign.tutsplus.com/articles/quick-tip-styling-scrollbars-to-match-your-ui-design--webdesign-9430