div 自定义滚动条

/*chrome滚动条颜色设置*/

.le::-webkit-scrollbar,

.msgs::-webkit-scrollbar {

  width: 6px;

  height: 6px;

  background-color: transparent;

}

 

/*定义滚动条轨道 内阴影+圆角*/

.le::-webkit-scrollbar-thumb,

.msgs::-webkit-scrollbar-thumb {

  background-color: #fff;

  border-radius: 6px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

}

全局：

 ::-webkit-scrollbar {

      width: 17px;

      height: 17px;

      background-color: #f1f1f1;

    }

    ::-webkit-scrollbar-track {

      width: 17px;

      height: 17px;

      background-color: #f1f1f1;

    }

    ::-webkit-scrollbar-thumb {

      background-color: #c1c1c1;

    }

    ::-webkit-scrollbar-button {

      width: 17px;

      height: 17px;

      background-image: url(/bidOpeningHall/public/pc/img/scroll.png);

    }

    ::-webkit-scrollbar-button:vertical:increment {

      background-position: -1px -18px;

    }

    ::-webkit-scrollbar-button:vertical:decrement {

      background-position: -1px -1px;

    }

 

    ::-webkit-scrollbar-button:horizontal:increment {

      background-position: -1px -52px;

    }

    ::-webkit-scrollbar-button:horizontal:decrement {

      background-position: -1px -35px;

    }