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 vote128 views1 answer
@font-face multiple font weights
CSS
27 votes119 views6 answers
Animation properties css
CSS
3 votes114 views2 answers
No hover effect css
CSS
6 votes120 views3 answers
How to make rounded corners in css with images
CSS
37 votes127 views6 answers
Add gradient to text css
CSS
38 votes140 views3 answers
Cool ways to color a background with css
CSS
0 vote123 views1 answer
Css remove list indent
CSS
4 votes127 views3 answers
Background with image and gradient
CSS
0 vote138 views1 answer
Set default rem css
CSS
0 vote133 views1 answer
Border box reset
CSS