关于优化滚动栏样式

Posted 2021-01-02 dreamerleaf

滚动栏样式优化，更优的体现在Chrome等主流浏览器。

::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性
	background-color:#323232;
}
::-webkit-scrollbar {//滚动条的宽度
	width:6px;
	height:6px;
}
::-webkit-scrollbar-thumb {//滚动条的设置
	background-color:#505252;
	background-clip:padding-box;
	min-height:28px;
}
::-webkit-scrollbar-thumb:hover {
	background-color:#777;
}