How Do You Make A Custom Scroll Bar?

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

Solution 1:

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/

Solution 2:

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

Solution 3:

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

Simply add the above.