关于自定义浏览器滚动条的样式这一块，如果网站可以不考虑非WebKit内核浏览器的话，倒是可以试试只用CSS去实现

关于自定义浏览器滚动条的样式这一块，如果网站可以不考虑非WebKit内核浏览器的话，倒是可以试试只用CSS去实现。 简单地修改一下几项，就可以看到效果了： ::-webkit-scrollbar{width:12px; height:12px;} /*滚动条垂直方向的宽度与水平方向的高度*/ ::-webkit-scrollbar-button{} /*滚动条按钮*/ ::-webkit-scrollbar-track{} /*滚动条轨道*/ ::-webkit-scrollbar-trac

基于webkit的浏览器现在可以自定义其滚动条的样式了，实现代码如下： 复制代码代码如下:::-webkit-scrollbar/*整体部分*/{width: 10px;height:10px;} ::-webkit-scrollbar-track/*滑动轨道*/{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0px;background: rgba(0,0,0,0.1);} ::-webkit-scrollba