自定义滚动条

/* 启用自定义滚动条，并设置容器属性 */
.container::-webkit-scrollbar {
  /* 这里的宽是指竖向滚动条的宽，高是指横向滚动条的高*/      
  width: 16px;      
  height: 16px;      
  background: pink; 
}

/* 滚动条凹槽，还可以设置边框属性。此处属性也可以直接在容器中设置 */
.container::-webkit-scrollbar-track-piece {
  background-color: #ccc;
}

/* 滚动条 */
.container::-webkit-scrollbar-thumb {
  border-radius: 10px;      
  background: linear-gradient(red,orange); 
}