一方面利益于CSS强大的功能,一方面利益于浏览器日益强大的解析能力和开放的心态,webkit内核的浏览器允许网页中的JS代码改变滚动条的样式。代码如下:
::-webkit-scrollbar-track-piece {
background-color:#f5f5f5;
border-left:1px solid #d2d2d2;
}
::-webkit-scrollbar {
width:13px;
height:13px;
}
::-webkit-scrollbar-thumb {
background-color:#c2c2c2;
background-clip:padding-box;
border:1px solid #979797;
min-height:28px;
}
::-webkit-scrollbar-thumb:hover {
border:1px solid #636363;
background-color:#929292;
}
可以根据需要调整以上代码的数值。具体的说明网上一大堆,在此不赘。