1.基本可以隐藏滚动条
::-webkit-scrollbar {
/*滚动条整体样式*/
width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
2.改变滚动条样式
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(#fff,#fff,#fff,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb
{
-webkit-box-shadow: inset 0 0 6px #ccc;
border-radius: 10px;
background-color: #ccc;
}