css 自定义webkit滚动条

Posted 2021-05-13

div {
	height: 300px;
	overflow-y: scroll;
}
::-webkit-scrollbar {
	width: 10px;
}
::-webkit-scrollbar-track {
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: rgba(0,0,0,.3);
}
::-webkit-scrollbar-thumb:hover {
	background: rgba(0,0,0,.4);
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,0,0,.2);
}