make scrollbar as per theme in IE and Firefox

Question

I'm working on this project: http://maithrigoonetilleke.com/ And I need some help fixing the scroll bar of the inner pages to be of the same colour in Chrome, Internet Explorer & Firefox. but it only works on Chrome. In IE and Firefox it is same as default.

I used a custom css code to make the scrollbar look nicer: CSS

::-webkit-scrollbar {
width: 12px;
background-color: #3c3c3c;
}

::-webkit-scrollbar-track {
border-radius: 0px;
background-color: #000;
}

::-webkit-scrollbar-thumb {
border-radius: 0px;

background-color: #606060;
}

Check the link: http://maithrigoonetilleke.com/books/

Answer 1

CSS scrollbar customization is supported by Webkit-based browsers only. So, to customize scrollbars crossbrowser-way you should use javascript-based solution. There are lots of CSS customizable scrollbar plugins you can find in internet: jScrollPane, Malihu Custom Scrollbar, perfect-scrollbar and others. Try jQuery Scrollbar - this one is fully CSS customizable.