Scroll Personalizado

De esta forma podrás modificar las barras de desplazamiento de cada parte de la página.

    
body::-webkit-scrollbar {
  height: 10px;
  background-color: transparent
}        

body::-webkit-scrollbar-thumb {
  background-color: blue;
  border-radius: 10px;
}

Nueva forma de hacerlo

codi.link

    
body{
  scrollbar-width: 5px;
  scrollbar-color: blue lightblue;
}