How do you make a custom scroll bar?

Question

Can anyone give a thorough explanation of how to make custom scroll bars? Are custom scroll bars compatible with all browsers?

Answer 1

::-webkit-scrollbar-track {
      background-color: #eaeaea;
      border-left: 1px solid #ccc;
}

Simply add the above.

Answer 2

You need to use pure javaScript to become compatible with all browsers.

This is one of the best solution for that

http://www.script-tutorials.com/custom-scrollbars-cross-browser-solution/

Answer 3

These were one search away, and they're really good:

http://codemug.com/html/custom-scrollbars-using-css/

http://www.hongkiat.com/blog/css-scroll-bar/

http://www.codeproject.com/Tips/674478/Customize-Scrollbars-using-CSS3