滚动条样式

#div{

　　width:100%;

　　height:380px;

　　overflow-y: auto;

　　-webkit-box-sizing: border-box;

　　box-sizing: border-box;

　　padding:14px;

}

#div::-webkit-scrollbar {/*滚动条整体样式*/

　　width: 5px; /*高宽分别对应横竖滚动条的尺寸*/

　　height: 1px;

}

#div::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

　　border-radius: 10px;

　　-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

　　background: #535353;

}

#div::-webkit-scrollbar-track {/*滚动条里面轨道*/

　　-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

　　border-radius: 10px;

　　background: #EDEDED;

}

转载于:https://www.cnblogs.com/mashixun/p/9364743.html