自定义webkit内核的scrollbar

刚自定义的,上图:

scrollbar

说明

::-webkit-scrollbar   { 1 }滚动条整体部分
::-webkit-scrollbar-button   { 2 }滚动条两端的按钮
::-webkit-scrollbar-track   { 3 }外层轨道
::-webkit-scrollbar-track-piece   { 4 }内层轨道,滚动条中间部分(除去)
::-webkit-scrollbar-thumb   { 5 }拖动按钮
::-webkit-scrollbar-corner   { 6 }边角
::-webkit-resizer   { 7 }定义右下角拖动块的样式

demo

http://codepen.io/makaiqian/pen/CxnjB

麻凯倩

微信:makaiqian