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

28 votes186 views3 answers
Google font roboto
CSS
1 vote197 views2 answers
How to add google fonts to css in react
CSS
4 votes178 views3 answers
Css selection
CSS
0 vote226 views1 answer
How to make text disappear after a certain length css
CSS
0 vote143 views2 answers
Js parallax effect
CSS
20 votes173 views5 answers
Postgres version command
CSS
120 votes201 views6 answers
Css hide scrollbar
CSS
0 vote320 views1 answer
Ratio bootstrap
CSS Bootstrap
0 vote177 views2 answers
Css not clickable
CSS
0 vote185 views1 answer
How to make 3 photos display inline-blocks
CSS