自定义个性化滚动条样式

（波纹图片） 

//个性化滚动条
.personality::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 0px; /*  设置纵轴（y轴）轴滚动条 */
  height: 0px; /*  设置横轴（x轴）轴滚动条 */
  
  }
  .personality:hover::-webkit-scrollbar{
    width : 10px;  
  height: 0px;
  }
 .personality::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius   :0;
  background: url(./../images/statistics/wave.png) repeat-y , linear-gradient(#2473a4, #136277);
  }
  .personality::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #07193d;
  border: 1px solid #102957;
  }