/* 整个滚动条 */
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
/* 滚动条有滑块的轨道部分 */
::-webkit-scrollbar-track-piece {
background-color: transparent;
border-radius: 5px;
}
/* 滚动条滑块(竖向:vertical 横向:horizontal) */
::-webkit-scrollbar-thumb {
cursor: pointer;
background-color: #ccc;
border-radius: 5px;
}
/* 滚动条滑块hover */
::-webkit-scrollbar-thumb:hover {
background-color: #ccc;
}
/* 鼠标移入滚动条显示,移出滚动条隐藏 */
div:hover::-webkit-scrollbar-thumb {
background-color: #ccc;
cursor: pointer;
border-radius: 5px;
}
/* 同时有垂直和水平滚动条时交汇的部分 */ /* 修复交汇时出现的白块 */
::-webkit-scrollbar-corner {
display: block;
}
直接就可以复制粘贴 !!!