我尝试使用 CSS 制作类似于 Google 的新滚动条的东西::-webkit-scrollbar。在 chrome 中一切正常，在 safari 中则不行。
我的 CSS 是
::-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
当您尝试用鼠标滚动（不点击它）时，这是 safari：http: //i.imgur.com/bFiWj.png
当您通过用鼠标单击滚动条来使用滚动条时，滚动条会起作用，问题仅在于您使用触控板或滚轮时
（我在 Mac 上用 Safari 试过，在 Windows 上用 Safari 没试过）