change scrollbar color

1body::-webkit-scrollbar {
2  width: 12px;               /* width of the entire scrollbar */
3}
4
5body::-webkit-scrollbar-track {
6  background: orange;        /* color of the tracking area */
7}
8
9body::-webkit-scrollbar-thumb {
10  background-color: blue;    /* color of the scroll thumb */
11  border-radius: 20px;       /* roundness of the scroll thumb */
12  border: 3px solid orange;  /* creates padding around scroll thumb */
13}

1.scrollable-element {
2  scrollbar-color: red yellow; /* red is for the thumb and yellow is for the track */
3}

1$(function () {
2  $(document).scroll(function () {
3    var $nav = $(".navbar-fixed-top");
4    $nav.toggleClass('scrolled', $(this).scrollTop() > $nav.height());
5  });
6});

1::-webkit-scrollbar-track {
2    background-color: #333;
3}
4
5/* Override styles for <div>s, for example */
6div::-webkit-scrollbar-track {
7    background-color: #b13131;
8}