css3自定义流动条

      <style>
        .item {
            height: 180px;
            overflow: auto;
            width: 180px;
            float: left;
            margin: 11px;
            box-shadow: 0 0 7px rgba(0, 0, 0, 0.32);
            border-radius: 6px;
            padding: 10px;
        }

        .item-body {
            height: 500px;
        }

        .s1::-webkit-scrollbar {
            height: 4px;
            width: 4px
        }

        .s1::-webkit-scrollbar-thumb {
            background: rgba(0,0,0,.26)
        }

    </style>
     <div class="item s1">
        <div class="item-body">sdfsdf</div>
    </div>

　　//"&"是必须与上一层同级
　　&::-webkit-scrollbar
　　//-webkit-scrollbar : 整体的scrollbar样式
　　//bar的样式
　　&::-webkit-scrollbar-thumb
　　//軌道的樣式
　　&::-webkit-scrollbar-track