1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > css 新增div滚动条 修改滚动条样式

css 新增div滚动条 修改滚动条样式

时间:2020-11-07 04:50:11

相关推荐

css 新增div滚动条 修改滚动条样式

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 定义右下角拖动块的样式

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。