Google Chrome'daki kaydırma çubuğunu css ile stilleyin (-webkit)

Question

Birisi bana yardım edebilir mi? Kaydırma çubuğu için basit bir stil yapmak istiyorum. İnternette bazı bilgiler buldum ve denedim, ancak bazı nedenlerden dolayı gerçekten işe yaramıyor gibi görünüyor. Sayfa yenilendiğinde kaydırma çubuğu iyi görünüyor, ancak kaydırma çubuğuna dokunduğunuz anda çıldırıyor. Çok fazla renkle doldurur ve bunun bir kaydırma çubuğu olduğunu anlayamazsınız.

::-webkit-scrollbar { 
width: 16px; 
height: 16px; } 

::-webkit-scrollbar-thumb { 
background-color: rgba(0, 0, 0, 0.2); 
-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07); } 

Teşekkür: Burada

http://i44.tinypic.com/qzkirn.png ben css koymak koddur - Dokunmadan sonra görünüyor İşte nasıl http://i40.tinypic.com/a2evro.png

- Dokunmadan önce nasıl göründüğünü İşte

hepiniz. Şerefe. Alex

Answer 1

Here is an example that works:

::-webkit-scrollbar { 
    height: 12px; 
    width: 12px; 
    background: #000; 
} 

::-webkit-scrollbar-thumb { 
    background: #393812; 
    -webkit-border-radius: 1ex; 
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75); 
} 

::-webkit-scrollbar-corner { 
    background: #000; 
} 

Yoksa jScrollPane kullanabilirsiniz.