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

36 votes342 views2 answers
First-child
CSS
0 vote353 views2 answers
Get element with href css
CSS
11 votes381 views3 answers
Css poppins font
CSS
47 votes392 views6 answers
Css blur
CSS
11 votes375 views2 answers
Scss include
CSS
0 vote329 views1 answer
Css nesting
CSS
9 votes339 views3 answers
Bootstrap blue outline button
CSS
5 votes374 views1 answer
Html how to indent text
CSS
0 vote421 views1 answer
Progress bar bootstrap border
CSS Bootstrap
162 votes423 views5 answers
Css shaddow
CSS