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 vote182 views1 answer
Css detect if input has value
CSS
0 vote196 views1 answer
Css selector all class prefix
CSS
0 vote257 views1 answer
Javavscript use .filter to return odd numbers in an array
CSS
6 votes188 views2 answers
Removing the unwanted border button css
CSS
0 vote174 views2 answers
Systemd on wsl2
CSS
4 votes195 views1 answer
Space-x css
CSS
0 vote192 views1 answer
How to add a pure css loading spinner
CSS
2 votes193 views1 answer
Bootstrap class="mb-3"
CSS
0 vote197 views2 answers
How to set background image for button in css
CSS
10 votes245 views4 answers
Bootstrap badges Links
CSS