本文共 636 字，大约阅读时间需要 2 分钟。

说明：

::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的

::-webkit-scrollbar-button 滚动条两端的按钮 ::-webkit-scrollbar-track 外层轨道 ::-webkit-scrollbar-track-piece 内层滚动槽 ::-webkit-scrollbar-thumb 滚动的滑块 ::-webkit-scrollbar-corner 边角 ::-webkit-resizer 定义右下角拖动块的样式

简单的滚动条

div.scroll::-webkit-scrollbar {
       width: 6px;    height: 6px;    background-color: #fff;}div.scroll::-webkit-scrollbar-track {
       -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);    border-radius: 12px;    background-color: #fff;}div.scroll::-webkit-scrollbar-thumb {
       border-radius: 10px;    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);    background-color: #bbb;}

效果图

转载地址：http://inxxi.baihongyu.com/