CSS İle Scrollbar rengini değiştirme

1 Yıldız2 Yıldız3 Yıldız4 Yıldız5 Yıldız (Oy Kullanılmamış)
Loading...
 

Birkaç kod ile sitemizin scrollbarını renklendireceğiz. Böylelikle web sitenizin mevcut tasarımına özel scrollbar hazırlamış olacaksınız.

Kodları temanızın CSS dosyası içerisine ekleyin.

[box style=”success”] ::-webkit-scrollbar {
width: 10px;
background-color: #E9E9E9;
border-left: 1px solid #BBBBBB;
}
::-webkit-scrollbar-thumb {
background-color: #0084ff;
}
::-webkit-scrollbar-thumb:hover {
background-color: #0091ff;
} [/box]

[box style=”info”] –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. [/box]

scrollbar

 

Yorum Yapın