快速修改滚动条样式

快速修改CSS滚动条样式

通过下面的代码，如有需要更改类名，直接复制css样式代码，可直接修改css滚动条样式

• html部分：

<div class="scorll">
	内容
</div>

• css部分：

.scorll{
 	overflow-y: scroll;
	overflow-x: hidden;
}

/* 修改滚动条样式 */
.scorll::-webkit-scrollbar {
	width: 3px;		//滚动条宽度
}
.scorll::-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);	//背景颜色
}
.scorll::-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);
}