scrollbar

webkit自定义滚动条

在之前的 Google Reader的颓然改变 里我吐槽了google reader的这次改版实在是糟糕透了,但是现在看来,自己似乎也渐渐习惯了——这得益于Google的不断的改进,扭转很多不如意的方面。比如内容区添加了清晰的边线,工具条的高度被压缩,甚至如果窗口高度不高的情况下,搜索栏和工具栏的空间会被压缩的更多。当然,直到现在我还是没法接受那种泛白的背景,长时间阅读还是很累人的。 但其实改版里还是有很多令人眼前一亮的地方,就比如webkit优化的滚动条,更为美观也更加节省空间。 于是我也整了整自己网站的滚动条,基本上就是自己写的简化版的Google滚动条,代码更少更简单,直接加到CSS文件里就搞定了。 ::-webkit-scrollbar{width:12px;height:12px;} ::-webkit-scrollbar-button{} ::-webkit-scrollbar-button:…