css修改滚动条样式
HTML代码:
<div class="element">
内容
</div>
CSS代码:
.element{
overflow-y:scroll;
overflow-x:hidden;
}
/*修改滚动条样式*/
.element::-webkit-scrollbar{
width: 10px;
}
.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{
border-radius:0;
-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
background:rgba(0,0,0,0.1);
}