滚动条样式

// 滚动条样式
盒子::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: px2vw(7); /*高宽分别对应横竖滚动条的尺寸*/
  height: px2vh(1);
}
盒子::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  // box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #dddddd;
}
盒子::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  // box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  background: #f5f5f5;
}

你可能感兴趣的:(滚动条样式)