Styl paska przewijania z css w Google Chrome (-webkit)

Question

Czy ktoś może mi pomóc? Chcę zrobić prosty styl paska przewijania. Znalazłem pewne informacje w Internecie i wypróbowałem je, ale wygląda na to, że tak naprawdę nie działa z jakichś powodów. Pasek przewijania wygląda dobrze podczas odświeżania strony, ale gdy tylko dotkniesz paska przewijania, zwariuje. Wypełnia się wieloma kolorami i nie można zrozumieć, że jest to pasek przewijania.

Oto jak to wygląda, zanim go dotknąć - http://i40.tinypic.com/a2evro.png

Oto jak to wygląda po jej dotknąć - http://i44.tinypic.com/qzkirn.png

Oto kod, który umieścić w CSS:

::-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); } 

podziÄ ™ kowaniami wy wszyscy. Twoje zdrowie. 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; 
} 

Albo można użyć jScrollPane.