/*设置*/
.scroll-bar {
overflow: auto;
overflow-y: overlay;
}
.scroll-bar::-webkit-scrollbar-track{
background-color: #f5f5f5;
-webit-box-shadow: inset 0 0 6px rgba(0,0,0,0.22);
border-radius: 4px;
}
.scroll-bar::-webkit-scrollbar{
width: 6px;
height: 6px;
background-color: #f1f1f1;
-webkit-box-shadow: inset 0 0 6px raba(0,0,0,0.22);
border-radius: 15px;
}
.scroll-bar::-webkit-scrollbar-thumb{
background-color: #a8a8a8;
border-radius: 4px;
height: 30px;
}
好看的 滚动条
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 自定义滚动条现在越来越流行,很值得研究一翻。下面本篇文章就来带大家了解一下滚动条的组成部分,介绍一下如何使用CSS...
- /deep/ { /* 设置滚动条的样式 */ ::-webkit-scrollbar { widt...