scroll bar code example

Example 1: css scrollbar

::-webkit-scrollbar {
  width: 10px;
}
  ::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
  ::-webkit-scrollbar-thumb {
  background: #888; 
    border-radius:10px;
}
::-webkit-scrollbar-thumb:hover {
  
  background: #555; 
}

Example 2: custom scroll bar

/* width */
*::-webkit-scrollbar {
  width: 10px;
}

/* Track */
*::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
*::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
*::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

Example 3: scrollbar css

.any-class::-webkit-scrollbar {
	width: 8px;
}
.any-class::-webkit-scrollbar-track {
	background: #c1c0c0;
}
.any-class::-webkit-scrollbar-thumb {
	background: #828282;
}
.any-class::-webkit-scrollbar-thumb:hover {
	background: #555;
}

Tags:

Css Example