【css】滚动条美化

.nav::-webkit-scrollbar {

            /*滚动条整体样式*/

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

            height: 1px;

        }

        .nav::-webkit-scrollbar-thumb {

            background-color: skyblue;

            background: url(img/slide-key.png) center no-repeat;

            background-size: 90% 100%;

        }

        .nav::-webkit-scrollbar-track {

            /*滚动条里面轨道*/

            background: #497d9e;

        }

        .nav::-webkit-scrollbar-button:vertical:start{

            background:#497d9e  url(img/top-arrows.png) center no-repeat;

            background-size: 100%;

        }

        .nav::-webkit-scrollbar-button:vertical:end{

            background: #497d9e url(img/bottom-arrows.png) center no-repeat;

            background-size: 100%;

        }