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 renklendirebileceğiz.
Dilerseniz hemen 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.
Demoyu görüntülemek için buraya tıklayınız.
Mehmet Ali Şamioğlu
6 yıl önceÇok teşekkür ederim. Çok işime yaradı. İyi çalışmalar dilerim.
Muhammed Mustafa DEMİR
6 yıl önceTeşekkür ederim siteme ayrı bir hava kattım sayende, başarılarının devamını dilerim
erhan tapan
4 yıl önceSiteyi coşturan kod erhan bunu beğendi