(css)滚动条样式
效果:
css
/*滚动条整体样式*/
::-webkit-scrollbar {
width: 2px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 10px;
}
::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
width: 2px;
height: 60px;
background: linear-gradient(0deg, #1f94b8 0%, #81d8b4 100%);
}
::-webkit-scrollbar-track {
/*滚动条里面轨道*/
border-radius: 10px;
background: rgba(0, 0, 0, 0);
}