http://css-tricks.com/examples/WebKitScrollbars/
İşte burası tam size göre,canlı düzenlemer yapabilirsiniz
@cristogi buda sizin istediğinize uygun olan .
Bunu Stil Dosyasının (style.css) en altına kopyalayın olacaktır.
/* CSS Scrollbar */
::-webkit-scrollbar {
width: 12px;
}
/* Arka */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(0,0,0,0.2);
}
/* Çubuk */
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255,0,0,0.4);
} 
