先设置一高度
overflow
:
scroll
/* x y 方向都会*/
或者
overflow-x:
scroll
/*只是x方向*/
或者
overflow-y:
scroll
/*只是y方向*/
使用scrollbar属性设置滚动条样式
-
::-webkit-scrollbar 滚动条整体部分
-
::-webkit-scrollbar-button 滚动条两端的按钮
-
::-webkit-scrollbar-track 外层轨道
-
::-webkit-scrollbar-track-piece 内层轨道,滚动条中间部分(除去)
-
::-webkit-scrollbar-thumb 滚动条里面可以拖动的那个
-
::-webkit-scrollbar-corner 边角
-
::-webkit-resizer 定义右下角拖动块的样式
示例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
|