change scrollbar color

Solutions on MaxInterview for change scrollbar color by the best coders in the world

showing results for - "change scrollbar color"
Iker
25 Mar 2019
1body::-webkit-scrollbar {
2  width: 12px;               /* width of the entire scrollbar */
3}
4
5body::-webkit-scrollbar-track {
6  background: orange;        /* color of the tracking area */
7}
8
9body::-webkit-scrollbar-thumb {
10  background-color: blue;    /* color of the scroll thumb */
11  border-radius: 20px;       /* roundness of the scroll thumb */
12  border: 3px solid orange;  /* creates padding around scroll thumb */
13}
Alia
26 Jan 2018
1.scrollable-element {
2  scrollbar-color: red yellow; /* red is for the thumb and yellow is for the track */
3}
Ivan
25 Sep 2016
1$(function () {
2  $(document).scroll(function () {
3    var $nav = $(".navbar-fixed-top");
4    $nav.toggleClass('scrolled', $(this).scrollTop() > $nav.height());
5  });
6});
Chastity
31 Apr 2019
1::-webkit-scrollbar-track {
2    background-color: #333;
3}
4
5/* Override styles for <div>s, for example */
6div::-webkit-scrollbar-track {
7    background-color: #b13131;
8}
queries leading to this page
add scrool bar color to listhow to change scroll bar colour csschange colour of scroll bar csshow to s chnage navbar color on scroll i jsscrollbar color css divscroll element background color changescroll event change color of navbarcss change color scrollnavbar background on scrolljavascript for nav bar 26 title color after scrolling will changeanimate navbar color on scrollcss change scrollbar colorcss make scrollbar colorscrollbar color change in htmlwhen start scrolling the nav changesoverflow css colorcss change color after scrollhow to change scroll bar color in web pageon scroll navbar background color change in bootstraphow to change navbar position when scroll bootstrapnavbar scroll color changechange nav bar color on scrollchange nav style according to scroll view vanilla jsscroll then navbar change coloras scroll change nav colornavbar sticky color changechange navbar color on scroll javascripthow to change scrollbar color htmlnavbar changes the color when starts movinghow to change color of scrollhow to change nav color on scroon scroll navbar background color changecss js change nav color color on scrollhow to change the color of navbar on scroll in json scroll change nav background colorchange navbar based on scrollscroll color css radiuschange navitem background color on scroll positionchange color overflowhow to change color of scrollbarchange navbar color on scroll bootstrapcss scrollbar get darkernavigation menu background color on scroll csshtml light scrollchange html scroll bar colorchange background color on scroll csshtml chrome change color of scrollbarscroll change background color nav javascripthow to change scrollbar thumb colornavbar color change on scrollchange color of scrollbar csshtml nav bar change color on scrollnavbar color change after scrollonscroll change navbar colorscroll colorschange navbar color on scroll bootstrap 5how to change the scrollbar colorjs if topbar scroll change colorjquery code for selecting id class and change nav coloro on scrollhtml change color of mobile scrollbarscrollbar color 5chow to change scroll bar color cssscrollbar with 2 different colors on same page csscss chaning nav color on scrollchange background color on scroll navigationcss color scrollbaredit color of scroll bar cssscrollbar appears only when mouse scroll using jquery codepenchange color of scroll bar in htmlhow to change navbar color on scroll with keyframesbootstrap 4 logo with navbar scroll up backgroundjs navbar scroll colorscrollbar css chnage colormake navbar change color on scrollchange color scrollbar csshow to change color of scrollbar in csscolor scroll y csswindow scroll event navbarhow to change color of nav on scrollcss change scroll bar colourschange color of scrollbar htmljs event listener scroll down navbarscrollbar color in csschange overflow scrollbar coloron scroll change navbar colorhow to change the color of navbar while scrolling at certain positionschange nav color when scrollchange scrollbar background colorcss scrollbar colorjs change nav color on scrollbootstrap 4 navbar scroll fixed top and colornavbar color change on scroll jsnavbar scrolling change colorjs to change nav menu colors on scrollcss how to change scrollbar colorhow to change the color of your overflow scrollbarchange select option color css scroll view designfixed nav change colorscroll color csson scroll change navbar color csschange scroll bar colourschange color of navbar on scroll javascripthow to change navbar top on scrollhow to change scroll bar background color htmlscrollbar change colorscroll css style bootstrap1scrollbar default colorhow to change img in navbar after some heightcss scrollbar colorscrollbar coloroverflow auto scrollbar colorchange nav background color on scroll jscustom scrollbar colorset color scrollbarnavbar section color css scrolljquery change color back to top depend backgroundhwo to change scrollbar colour in cssscrollbar color not workingchange nav colour on scrollchange scroll bar colorchange color scroll barbootstrap navbar change color on scroll change nav background color on scroll csscss scrollbarcoloredit scroll colorvertical scroll color change cssreference webkit scrollbar in javascripthow to change background color of navbar on scrollturn bootstrap navbar black on scrollhow to set scrollbar color of div in csscustomize scrollbar colorcan we change the scrollbar color csschange navbar color when on scroll javascriptoverflow y shows horizontal scrollbar scrollbar colorcss navbar colour change on scrollcss for vertical scrollbar color in particular classscrollbar colorsbootstrap 4 change browser scroll colorscolrr color cssnave bar color chnag eon scrollhow to change navbar background color on scroll bootstrapcode to mkae navigation bar transparent and than turn it to white on scrolllcolor change when nav scrollchange color of the scrollbarchange navbar text color on scroll jschange scroll bar color csschange navbar after scrolling javascriptdark css scrollbar colorbootstrap scroll top navbar color changescroll area 2c scroll bar change colorcss scroll bar colorfir fix in scrollbar color csschange color overflow cssoverflow y scroll colorhow to change your websites scrollbar colormanually change color scrollbar csson scroll javascript change background colorchange the scrollbar color in andriodchnage the colour of nav bar on scrollchange navbar windowchange the scrollbar color in csshtml change color of navbar on scrollset scrollbar color to default color in csschange scroll bar colourchange navbar style on scrolljs change scrollbar colorcss change color at scroll positioncss for vertical scroll colorscroll navbar change color using js javascript change color scrollbarhow to change navbar color when scroll in jsbootstrap change navbar color scrollscrollbar color change with backgrounddefault scrollbar colorchange navbar color on scroll bootstrap 4how to make overflow scroll change colorcan i change the color of my scroll baron scroll apply style to nav itemcss change scrollbar coplorwebkit scrollbar thumb change background colorchange nav colour when it hits footerhow to set webkit scrollbar track colorstyle vertical scrollbaron scroll header color changegetcolor from jscrollbarschange scrollbar colorshow to change navbar font color through javascript on scrollnavigation bar change color on scroll bootstraphow to change the color of a scrollbar csson scroll color change csshow to change nav bar color on scrolling the pagescroll bar in css change the colorscroll then nav bar change colorhow to change the color of your scrollbar in htmlchange scrollbar color css for all browsershow to change color on scrollchange color when scroll downchange colour of scrollbar in overflownav change a color when scroll dark scrollbar cssbootstrap navbar change collor on scrollchange scrollbar color in a divchange scrollbar opachow to change color of the scroll bar in csschange navbar background color on scrollandroid tab scrollbar colorhtml on scroll change navbar colorsticky bar changs color when scroll in bootstrapcss scroll get darkerchange navbark dark class to navbar light on scrollhow do you change the scroll bar color csshow to change scrollbar color in cssjs cange background of navbar on scrollcustom color scrollbar csschnage scrollbar colorscrollr css colorchange navbar color when scrolltoggle navbar color on scrollset color scrollbar examplebootstrap change navbar after scrollset a color to a navbar when start scrollingnavbar on scroll change colorto change color of navigation bar while scrolling using cssscroll bar color changehow to change the color of scrollbar using csschange menu color on scrollchange color of scrollbar thumbchange color on scroll cssscrollbar color within the divscrollbar width cssdarken navbar on scroll csscss scroll colorchasnge scrollbar colorhow to change the color of the scrollbarchange scroll color divhow to change scroll bar coloronscroll navbar color changechanging scrollbar color during scrollingnavbar color only when scroll downchange color navbar on scrollnavbar change background color on scrollnavbar color change on scroll javascriptcolorful scrollbar csscss navbar change color on scrollchange navbar color on scroll jschange scrollbar color while scrollingchange nav color on scroll cssscroll customize colornavigation bar change color on scroll change navbar background on scroll in htmlscroll bar change color csschange navbar color when on scrollcss navigation scroll down diffrent backgroud colornavbar on scroll add color javascriptcss change browser scrollbar colornavbar on scroll add colornavigation change a color when scroll javascriptchange navbar color and elements on scroll nav color change on scrollchanging the background color of a navbar on scroll jsscroll color and design changes in cxsshtml change the color of the scroll barcss scrollbar colorssticky navbar change color jshow to make entire page including scroll a color csschange navbar color on scrollshow background header bar on scrollcolorize scroll barcss on scroll top bar fix and coor changescrollbar thumb colorchange scroll bar color in cssscrollbar color 3a red green 3bfir fix in scroll color cssnavbar changing on scrollhow to change color of navbar while scrollingchange scrollbar color javascriptchange nav item background color on scroll positionsticky navbar change color on scroll using csscss change scroll bar colorchange div scrollbar color cssspecific scrollbar color cssbootstrap change scrollbar styleset color for scroll barwhen scroll change color navbarcolor of scrollbarset color to scrollbarstyle changed after navbar fixed propertychange scrollbar color jsnav change color on scrollchange the scrollbar colorscroll bar colors csschange navbar class on scroll bootstrapchange nav background color on scroll javascripthow to add a background to a nav bar when start scrollingchange nav color on scroll vanilla jsnavbar change color when scrolljavascript on scroll change nav colornavbar change background color on scroll javascriptchanging scroll bar colorchange scrollbar colrchange nav colour jquery how to color scrollbar in cssbootstrap css navbar scroll backgroudcustome color scroll color csschanging color of scrollbar cssnavbar change background color on scroll javascript add classchange nav color on scroll in pure jsdiv scroll color changecheck for container scrollbar thumb background colormake navbar transition color change when scroll downbootstrap nav change color on scrollsticky navbar that changes color on scrolljavascript for nav bar color 26 title color after scrolling will changeonscroll nav color changejquery bootstrap nav mouse scroll color changecss scroll condition for nav barchange color of navbar on scrollchange navigation bar color on scrollhow to activate a navbar after scrolling downchamge scroll bar colorchange scrollbar colour csschange color of scrollbarchange navbar color scrollcss overflow x scroll colorhow to change scrollbar color using javascripthow to make nav bar backround color on scrollhow to change the color of scrollbarbackground color navbar on scrollhow to color the scrollbar with csshtml dark scrollbar cssmake scroll bar change color csschange website scrollbar color csshow to change navbar color when scrollhow to change scrollbar color of entire websitechange color of scroll barchange navbar color when on tophow to change navbar color on scrollhow to change scroll color in csscustom scroll on navbar color changebootstrap navbar color change on scrollnavbar turn to other color when scrollwindow on scroll change navbar colorhow to change scrollbar background colorhow to change onscroll navbar color change using html and cssscrollbar color change overflow scrollhow to change websites scrollbar colorhow to change navbar color on scroll javascripthow to change navbar color in onscrollcss js change nav color on scrollonscroll navbar color change bootstrap 5 vanilla jscss for vertical scrollbar colorjs if bootstrap topbar scroll change colorwebsite change navbar colornavbar change color on scrollscrollbar color height csschange navbar style on scroll to another sectionhtml css macosscroll bar hardly shows up on dark backgroundchange scroll collorscroll bar colorhow to change navbar background color on scrollhow to change the color of my scroll bar of websitemouse wheel control change nav bootstraphow to give background color to fixed navbar in bootstrapcodename one change scrollbar colorchange nav color on scroll javascriptscroll bar background colorhow to change color of nav bar item on scroll 2fcss change color when scrollchange color of overflow scrollbar cssbootstrap change on scrollchange nav bar color on scrollcss custom scrollbar colorchange navbar color on scroll bootstrap no jqueryhow to change nav bar color on scrolling cssscroll coloroverflow y onlyhow to change scrollbar color csshow to set the color of a scroll barchange color of nav menu dropdown webflowset a navbar to a color when the scroll startson scroll navbar change color of svg logo on every section csscss onscroll bootstrap menu colorcode when sroll change colorhow to change scrollbar color through jsscrollbar color csschanging navbar color on scrollchange color of scroll bar and scroll thumbchange navbar color on scroll vanilla javascriptscroll bar colour csshow do i change the color of my sites scrollbarif scroll is greater than 50px change colour javascripthow to change scrollbar colorscrollbar color on scrollchange background color of navbar on scrollchange scrollbar colorhow to change css color on scroll in csschange navbar text color on scroll detect by background colorhow to change the color of navbar on scrollslider change color on scroll bootstrap 4scroll event change color of navbar on jsset scroll background colourchange color and width of scrollbar cssnavbar scroll change colornavbar change color on scroll using csswhen we scroll down change navbar color in javascriptchange navbar after scroll javascxirptscroll bar change colorcss style scrollbar colornavbar change on scroll bootstrapchange the navbar from scrolling downscrollbar css in divcahnge scroll bar colororiginal scrollbar colorshow to add a scrollbar in html in css changing color of scroll baron scroll add color nav 27change nav color when scrolingnavbar change color on scroll cssscrollbar css coloronscroll navbar color change in bootstrapvertical scrollbar color change cssmenubar color change on scrollhow to give color to scrollbar in csshow to make navbar change color on scrollreact scroll bar coloredhow to modify scrollbar color on cssscrollbar color inside a div overflow y scrolladd color on nav on scrollcss how to make scrollbar change colornavbar sticky color chane in scrollhow to change color of navbar on scrollhow to make your navbar change color when scrollnavbar change color after 100vhhow to change text color on scroll in cssmenu bar change color after scroll downcss overflow bar colornavbar window change functinchange the color of the transparent when scroll to white background html csshow to set scroll color in csschange the overflow color csscss change color of scrollbarchange color of nav on scrollcolor of scrollbar cssscrollbar change color while scrollingscroll colourhow to change the color of the scroll barchange nav background color on scroll css vanillachange nav color on scroll htmlchange color color scrollbar csshow to make the navbar change color on scrollred scrollbar bootstrapi want my navbar to change color when i scroll downchange background color of navbar on scroll to divchange color scroll navbarchange nav background color on scroll css without bootstrapcss change navbar color on scrollhow to change the scrollbar color in csscolour fo scroll panelchange scrollbar color at placehow to change the background color of scrollbar containerhow to change color style for on scroll navbar in css css overflow scroll colorchange navbar to fixed when scrolling downchange scrollbar color style reactscrollbar color only one scroll verticalnav bar change color on scrollscroll navigatio change colornavbar color change bootstrap jquery on scrollset scrollbar color cssnav change color javascriptcss color scrollbarson scroll navbar color changechange navbar background color on scroll jqueryjavascript change navbar color on scroll downbootstrap change nav color on scrolltop navbar using javascript that change color on scrollnavbar window change functionhow to change the scroll bar colorchange color of scrollbar jsjavascript on scroll change navigation background colorchange color of horizontal scroll bar csshow to change color of scrollbar csshow to change website scrollbar color in csschanging color of navbar on scrollchange color on scroll navbarchange scroll bar colorsscrollbar color change overflow scroll horizontalchange scrollbar thumb colorhow to change scrollbar color for pagehow to change scrollbar colour in cssedit scroll bar with and color on cssscrollbar color htmlon scroll the navbar color should change in csshow to make scroll bar color full in reactchange color of top scrollable nav depending on the screen coloron scroll nav bar background color change using javascripthow to change color scrollbar csschange nav color on scroll 3a 3ascrollbar csshtml scrollbar color in iosjavascript change navbar on scrollscrollbar background color change csschanging color of scroll baredit scrollbar colorchange color all scrollbar cssscroll bar color and with changewhen we use scroll down nav bar background color change in bootstrapedit scrollscroll bar color in csschange scrollbar color with jschange navigation color after scrollinghow to toggle navigation bar color using javascript when a perticular amount of page is scrolledchange navbar background on scrollchange navbar color on scrolltop javascriptcss how to change color of scrollbarset color to scrollchange color of navbar when scrollcss3 overflow bar colorcss change overflow scrollbar colorsticky nav bar background color change on scrollhow change color with scrollscrollbar color change csschange the background of navbar on scroll cssscroll color change csshow to change navbar color on scroll htmlchange navbar color on scroll cssscrollbar with different color cssscrollbar csschange color of scrollbar in csschange navbar color on scroll with scrolltop javascriptcolor scrollbar cssscroll bar color cssnavbar color not changing on scrollchange nav style according to scroll viewusing javscript window scroll y to change navbar bg colorchange navbar color onscrollchange colour of scroll bar while scrolling cssscroll bar color change cssscrollbar color cssnavbar bg only after scrollingcodemirror change scroll bar colorhow to make navbar change as you scrollbuutstrap navbar change color on scrollcss slider bar color change scrollbarhow to change nav bar color on scrolling tcssset scrollbar colorjavascript change navbar color on scrolladd elements to nav bar on scroll only csshow to change color of static header in bootstrapchange scrollbar color cssnavbar color change on scroll htmlchange color of nav bar on scrollchange scroll colorchange background color navbar on scroll javascriptchange scrollbar color