Scrollbal oldaladra
2013.09.10. 18:05
Fogalmam sincs, hogy vajon ez melyik böngészőben fog működni és hogyan, mert nem néztem csak Google Chromeban. Így akinek esetleg valami nem oké, az jelezze. A kódban le van írva, hogy mi mit változtat. Illessztétek be egy jobb vagy bal oldali modulba.
Demó:

<style>
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius: 10px;
border-radius: 10px;
}
/*a scrollbal aktív állapotban*/
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: #8FBC8F;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
/*amikor a scrollbal nem aktív, pl átmész egy másik ablakra*/
::-webkit-scrollbar-thumb:window-inactive {
background: #556B2F;
}
</style>
|