自定义overflow:auto的滚动条样式

小小文呀

于 2019-12-30 13:32:15 发布

阅读量1.6k

点赞数 2

文章标签： css

本文链接：https://blog.youkuaiyun.com/weixin_43970434/article/details/103764730

版权

.zzscroll{
    width:1000px;
    height:640px;
    overflow-y: auto;
}
 .zzscroll::-webkit-scrollbar {
     width:6px;
	 height:640px;     
 }
 .zzscroll::-webkit-scrollbar-thumb {
     border-radius: 3px;
     -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
     background: rgba(0,0,0,0.2);
 }
 .zzscroll::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.2);
     border-radius: 0;
     background: rgba(0,0,0,0.1);
  }