Create Custom CSS Scrollbars

Create custom scroll bars. Add the CSS class to the BODY or any DIV to apply the custom scrollbar style.

copy

/*css*/

/* set color */
.custom-scrollbars
{
    /* slider color, background color */
    scrollbar-color: #00aaff #ff9100;
}
.custom-scrollbars::-webkit-scrollbar-thumb
{ 
	/* slider color */
    background: #00aaff;
}
.custom-scrollbars::-webkit-scrollbar-track
{ 
	/* background color */
    background: #ff9100;
}


/* size */
.custom-scrollbars::-webkit-scrollbar
{
    width: 20px;
    height: 20px;
}