[JavaScript知识库]React中 css修改滚动条样式

第一个
HTML代码：

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

CSS代码：

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

/* 修改滚动条样式 */
.element::-webkit-scrollbar {
	width: 3px;
}
.element::-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);
}
.element::-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);
}