滚动条

Quicker!

Quicker!

Quicker!

Quicker!

Quicker!

Quicker!

Quicker!

Quicker!

Quicker!

Quicker!

Quicker!

Quicker!

HTML代码:
<div style="height:200px;width:500px;overflow:auto;background:#fff;">
内容
</div>

CSS代码:
<!-------------滚动条美化---------------->
<style>
/* 滚动条整体样式 */
::-webkit-scrollbar {
  width: 5px; /* 宽度 */
}

/* 滚动条轨道样式 / ::-webkit-scrollbar-track { background-color: #F5F5F5; / 背景色 / border-radius: 4px; / 圆角 */ }

/* 滚动条滑块样式 / ::-webkit-scrollbar-thumb { background-color: #000; / 滑块颜色 / border-radius: 4px; / 圆角 */ }

</style> <!-------------滚动条美化---------------->