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