1、新增滚动条,需要设置div的高度height,如果div里面的内容超过height,则使用 overflow:auto;
overflow:auto;
2、修改div滚动条样式
.div::-webkit-scrollbar {width: 4px; /*高宽分别对应横竖滚动条的尺寸*/height:0px;}.div::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}.div::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}
::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的
::-webkit-scrollbar-button 滚动条两端的按钮
::-webkit-scrollbar-track 外层轨道
::-webkit-scrollbar-track-piece 内层滚动槽
::-webkit-scrollbar-thumb 滚动的滑块
::-webkit-scrollbar-corner 边角
::-webkit-resizer 定义右下角拖动块的样式
如果觉得《css 新增div滚动条 修改滚动条样式》对你有帮助,请点赞、收藏,并留下你的观点哦!