Css ile Scrollbar Rengini Değiştirme

css-scrollbar

Sitenizin standart scrollbar stilinden sıkıldıysanız eğer bu konu tam size göre demektir. Birkaç kod ile sitemizin scrollbarını istediğimiz şekilde biçimlendirip renklendirebiliriz.
Kodları görelim.

–webkit-scrollbar: Scrollbarın rengi. (Genellikle beyaz olan arkaplan)
-webkit-scrollbar-thumb: Scroll kısmı.
-webkit-scrollbar-thumb:hover: Scrollun üzerine geldiğinde alacağı biçim.

 

::-webkit-scrollbar {
    width: 10px;
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
    background-color: #596971;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #2E3944;
}

Kodları kendinize göre biçimlendirebilirsiniz 😉