CSS webkit滚动条和Safari浏览器

我尝试使用CSS ::-webkit-scrollbar制作类似于Google的新滚动条的东西。在铬一切工作正常，在safari不。CSS webkit滚动条和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}

我做了我的问题的一些截图：

这是铬，它的确定：http://i.imgur.com/wQMP2.png

这是Safari浏览器，当你尝试用鼠标滚动（没有点击它）：http://i.imgur.com/bFiWj.png

当你用鼠标点击滚动条时，滚动条KS，这个问题只有当你使用触控板或滚轮

（我试过的Safari在Mac上，没有使用Safari尝试在Windows上）

来源

2012-07-27 Antonio Pitasi

这将是一个Safari中的错误。确保你有最新版本，如果它仍然存在，请将它[报告为bug]（https://developer.apple.com/BugReporter/）给Apple。 ***注意：**可能有更好的地方举报它 - 这只是我能想出的第一件事。* – 0b10011 2012-07-27 18:09:06

我检查了Safari的新版本是否已发布，Safari 6已于2天前发布问题消失了。有时我觉得我只是不幸... 谢谢@bfrohs！ – 2012-07-27 18:52:16

它看起来像ios6阻止你造型滚动条！？ http://stackoverflow.com/questions/12510013/css-custom-scrollbars-for-safari-dont-display-on-ios-6 – 2012-09-20 10:17:22

问题与Safari浏览器6.0

解决

这只是一个错误

来源

2012-07-27 18:54:53

CSS webkit滚动条和Safari浏览器

回答

相关问题