Scrollbar CSS

NEW


/*_,.-'~'-.,__,.-'~'-.,__,.-'- SCROLLBAR -.,__,.-'~'-.,__,.-'~'-.,_*/
body::-webkit-scrollbar {
width: 11px;
}
body::-webkit-scrollbar-track {
background: white;
}
body::-webkit-scrollbar-thumb {
background-color: black ;
border-radius: 6px;
border: 3px solid white;
}
/*MOZ*/
html {
scrollbar-width: thin ;
scrollbar-color: black white ;
}

html, body {
-ms-overflow-style: -ms-autohiding-scrollbar;
}
/*_,.-'~'-.,__,.-'~'-.,__,.-'- SCROLLBAR END -.,__,.-'~'-.,__,.-'~'-.,_*/

OLD


div::-moz-scrollbar {
width: 6px;
height: 6px;
}

div::-webkit-scrollbar {
width: 6px;
height: 6px;
}

div::-moz-scrollbar-button:start:decrement {
height: 0px;
display: block;
background-color: white;
}

div::-webkit-scrollbar-button:start:decrement, div::-webkit-scrollbar-button:end:increment {
height: 0px;
display: block;
background-color: white;
}

div::-moz-scrollbar-track-piece {
background-color: white;
/*Global Track Peice(the slider noob.)*/
-webkit-border-radius: 6px;
}

div::-webkit-scrollbar-track-piece {
background-color: white;
/*Global Track Peice(the slider noob.)*/
-webkit-border-radius: 6px;
}

div::-moz-scrollbar-thumb:vertical {
height: 50px;
background-color: #d54e21;
/* Up/Down slider background*/
-webkit-border-radius: 6px;
}

div::-webkit-scrollbar-thumb:vertical {
height: 50px;
background-color: #d54e21;
/* Up/Down slider background*/
-webkit-border-radius: 6px;
}