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);
}