CSS webkit-scrollbar和safari

CSS webkit-scrollbar and safari

我尝试使用CSS ::-webkit-scrollbar制作类似于Google的新滚动条的内容。在chrome中，一切正常，而在Safari中则不能。

我的CSS是

1
2
3
4
5
6
7
8

::-webkit-scrollbar{height:16px;overflow:visible;width:16px}
::-webkit-scrollbar-button{height:0;width:0}
::-webkit-scrollbar-track{background-clip:padding-box;box-shadow:inset 1px 0 0 #e6e6e6}
::-webkit-scrollbar-track:hover{background-color:#f3f3f3;box-shadow:inset 1px 0 0 #e6e6e6}
::-webkit-scrollbar-track:active{background-color:#f3f3f3;box-shadow:inset 1px 0 0 #dcdcdc,inset -1px 0 0 #eeeeee}
::-webkit-scrollbar-thumb{background-color:#cccccc;background-clip:padding-box;border:solid transparent;border-width:1px 1px 1px 0px;min-height:28px;padding:100px 0 0;box-shadow:inset 1px 1px 0 #e6e6e6,inset 0 -1px 0 #eeeeee}
::-webkit-scrollbar-thumb:hover{background-color:#999999;box-shadow:inset 1px 1px 1px #c0c0c0}
::-webkit-scrollbar-thumb:active{background-color:#808080;box-shadow:inset 1px 1px 3px #a6a6a6}

我对问题做了一些截图：

这是chrome，没关系：http://i.imgur.com/wQMP2.png

当您尝试使用鼠标滚动(而不单击它)时，这是野生动物园：http://i.imgur.com/bFiWj.png

当您通过使用鼠标单击滚动条来使用滚动条时，滚动条可以工作，问题仅在于您使用触控板或滚轮时

(我曾在Mac上使用Safari尝试过，未曾在Windows上使用Safari尝试过)