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.定义大框