lo solucione con css. y lo adapte a lo que queria
Código CSS:
Ver original/* For the "inset" look only */
html {
overflow: auto;
}
/* Let's get this party started */
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
/* Track seguimiento*/
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* boton de scrollbar
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
background-color:#CCC;
display: block;
height: 20px;
}*/
/* Handle manipular scroll*/
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(255,77,0,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255,77,0,0.4);
}