滚动条样式调整

 效果图

css代码

Class名称 {
  overflow-y: auto;
  /* 整个滚动条 */
  &::-webkit-scrollbar {
    /* 对应纵向滚动条的宽度 */
    width: 10px;
    /* 对应横向滚动条的宽度 */
    height: 10px;
  }

  /* 滚动条上的滚动滑块 */
  &::-webkit-scrollbar-thumb {
    background-color: #a6a6a6;
    border-radius: 32px;
  }

  /* 滚动条轨道 */
  &::-webkit-scrollbar-track {
    background-color: #e3e3e3;
    border-radius: 32px;
  }
}