滚动条各个属性说明
    ::-webkit-scrollbar ：滚动条整体部分，其中的属性有width, height, background, border等。
    ::-webkit-scrollbar-button ：滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。
    ::-webkit-scrollbar-track ：外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。
    ::-webkit-scrollbar-track-piece ：内层轨道，需要注意的就是它会覆盖第三个属性的样式。
    ::-webkit-scrollbar-thumb ：滚动条里面可以拖动的那部分
    ::-webkit-scrollbar-corner ：边角，两个滚动条交汇处
    ::-webkit-resizer ：两个滚动条交汇处用于拖动调整元素大小的小控件（基本用不上）

    1. /*css主要部分的样式*/
    2. /*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
    3. ::-webkit-scrollbar {
    4.   width: 6px; /*对垂直流动条有效*/
    5.   height: 6px; /*对水平流动条有效*/
    6. }
    7. /*定义滚动条的轨道颜色、内阴影及圆角*/
    8. ::-webkit-scrollbar-track{
    9.   border-radius: 3px;
    10.   box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    11.   background-color: transparent;
    12. }
    13. /*定义滑块颜色、内阴影及圆角*/
    14. ::-webkit-scrollbar-thumb{
    15.   border-radius: 3px;
    16.   box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    17.   background-color: transparent;
    18. }
    19. /*定义两端按钮的样式*/
    20. ::-webkit-scrollbar-button {
    21.   background-color: transparent;
    22. }
    23. /*定义右下角汇合处的样式*/
    24. ::-webkit-scrollbar-corner {
    25.   background: transparent;
    26. }