Change scrollbar color

Javascript on scroll change nav color

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

Source: stackoverflow.com

Change scrollbar color

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

Scrollbar with 2 different colors on same page css

::-webkit-scrollbar-track {
    background-color: #333;
}

/* Override styles for <div>s, for example */
div::-webkit-scrollbar-track {
    background-color: #b13131;
}

Similar codes

1 vote128 views1 answer
How to change the underline thickness in css
CSS
1 vote133 views1 answer
Input time without am pm
CSS
0 vote135 views3 answers
Css horizontal ul
CSS
29 votes153 views5 answers
Kill all ports
CSS
0 vote146 views4 answers
Width in css
CSS
3 votes141 views1 answer
Download css from website
CSS
0 vote146 views1 answer
How to paralax effect on background image
CSS
33 votes141 views6 answers
Custom Cursor css
CSS
71 votes162 views6 answers
Css center image
CSS
17 votes160 views3 answers
Text orientation css
CSS