首先介绍滚动条相关的CSS代码，以及他们的含义::-webkit-scrollbar：指滚动条整体部分，它的属性有width,height,background等::-webkit-scrollbar-button ： 指滚动条两边的按钮。当不需要时可以用display:none将其隐藏::-webkit-scrollbar-track ：指外层轨道部分，当不需要时可以用display:none将其隐藏，也可以添加你想要的颜色::-webkit-scrollbar-track-piece ：指内层轨道部分，即滚动条中间的部分::-webkit-scrollbar-thumb ： 指滚动条里面可以拖动的部分，也就是滑块::-webkit-scrollbar-corner ：指边角部分::-webkit-resizer ：他用来定义右下角滑块的样式::-webkit-scrollbar{width:2px;height:40px;}::-webkit-scrollbar-track{background-color:#bee1eb;}::-webkit-scrollbar-thumb{background-color:#00aff0;}::-webkit-scrollbar-thumb:hover {background-color:#9c3}::-webkit-scrollbar-thumb:active {background-color:#00aff0}但是最常用的是滚动条整体部分（-webkit-scrollbar），滑块（-webkit-scrollbar-thumb）以及外轨道（ -webkit-scrollbar-track）三部分。