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

0 vote116 views1 answer
How to manage overflowing text in button
CSS
0 vote117 views1 answer
Select after not visible
CSS
2 votes118 views3 answers
Css button transparent
CSS
2 votes107 views1 answer
Width 100% with padding
CSS
26 votes136 views4 answers
Input outline focus
CSS
0 vote131 views1 answer
Cl image tag width
CSS
0 vote115 views1 answer
How to make text in div elements not crumple up when the div element gets smaller
CSS
106 votes114 views5 answers
Position css
CSS
51 votes119 views4 answers
Style scrollbar
CSS
-1 vote124 views1 answer
Css grid media queries
CSS