Vue实现移动鼠标展示滚动条

0 效果

鼠标移进去，展示滚动条，鼠标移出，滚动条消失

1 代码

<div class=box-contnet>
......
</div>
.box-content {
	height: 500px;
	overflow-y: scroll;
}
.box-content:hover::-webkit-scrollbar-thumb {
	background: #9cbaff;
	border-radius: 10px;
}
.box-content::-webkit-scrollbar {
	width: 6px;
	height: 0px;
}