大家是否因为滚动条的美观而发愁,下面分享一个简单好用的方法来调节它!
这是没有设置前的样子:
这是设置后的样子:
那么接下来给大家分享代码:
css:
.staff {
width: 1407px;
overflow-x: scroll;
}
/* 整个滚动条 */
::-webkit-scrollbar {
/* 对应纵向滚动条的宽度 */
width: 8px;
/* 对应横向滚动条的宽度 */
height: 8px;
}
/* 滚动条上的滚动滑块 */
::-webkit-scrollbar-thumb {
background-color: #C5C7CA;
border-radius: 32px;
}
/* 滚动条轨道 */
::-webkit-scrollbar-track {
background-color: #ffffff;
border-radius: 32px;
}
大家直接复制到代码中区就可以啦!