Google ChromeでCSSをスクロールするスタイル（-webkit）

Question

誰かが私を助けてくれますか？私はスクロールバーのためのシンプルなスタイルをしたい。私はインターネット上のいくつかの情報を見つけてそれを試しましたが、それは何らかの理由で実際には機能しないようです。ページを更新するときにスクロールバーが正常に表示されますが、スクロールバーに触れるとすぐに狂ってしまいます。それは色がたくさんあり、それがスクロールバーであることを理解できません。

ここであなたがそれに触れる前に、それがどのように見えるか - http://i40.tinypic.com/a2evro.png

ここであなたがそれに触れた後、それがどのように見えるか - ここにhttp://i44.tinypic.com/qzkirn.png

は、私は、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); } 

感謝皆さん。乾杯。アレックス

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

それとも、jScrollPaneを使用することができます。