在项目中，为了界面的美观度，常常会对滚动条样式的一些要求，在这里记录一下自己在项目中的解决方法：
<!DOCTYPE html>
<html>
<head>
<style>
.scrollContent{
border:1px solid #ddd;
width: 200px;
height: 50px;
padding: 10px;
overflow-y: auto;
}
.scrollContent::-webkit-scrollbar-track-piece {
background-color:#f5f5f5;
}
.scrollContent::-webkit-scrollbar {
width:8px;
height:8px;
}
.scrollContent::-webkit-scrollbar-thumb {
background-color:#c2c2c2;
background-clip:padding-box;
min-height:28px;
}
</style>
</head>
<body>
<div class="scrollContent">
<div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque commodi ea eius exercitationem fugit harum impeditiste iure laboriosam laborum nisi, pariatur quasi quibusdam repudiandae sequi, sit tempore temporibus vitae?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad adipisci animi architecto aut eum hic illum laborum nam natus,nisi non obcaecati perspiciatis porro rem repellat repellendus soluta, temporibus vitae.
</div>
</div>
</body>
</html>注意浏览器兼容性