css定义好看的垂直滚动条

滚动条的css样式主要有三部分组成：

1、::-webkit-scrollbar   定义了滚动条整体的样式；

2、::-webkit-scrollbar-thumb  滑块部分；

3、::-webkit-scrollbar-thumb  轨道部分；

下面以overflow-y:auto;为例（overflow-x:auto一样，如果用水平滚动条，只需要给大的区块增加一个固定宽度就ok了）

html代码

css代码

最终效果

1.先对真个大框增加固定高度:h:200px;overflow:auto;

2.定义大框