(css)滚动条样式

(css)滚动条样式

---

效果：

---

/*滚动条整体样式*/
::-webkit-scrollbar {
    
    
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 10px;
}
::-webkit-scrollbar-thumb {
    
    
  /*滚动条里面小方块*/
  border-radius: 10px;
  width: 2px;
  height: 60px;
  background: linear-gradient(0deg, #1f94b8 0%, #81d8b4 100%);
}
::-webkit-scrollbar-track {
    
    
  /*滚动条里面轨道*/
  border-radius: 10px;
  background: rgba(0, 0, 0, 0);
}