全局设置滚动条样式：鼠标移入才显示csscsscsscsscsscsscsscsscsscsscsscsscsscssc

css

// 全局设置滚动条样式
  /*定义滚动条高宽及背景
    高宽分别对应横竖滚动条的尺寸*/
  ::-webkit-scrollbar
   {
       width:8px;
       height:8px;
       background-color:transparent;
   }
 
   /*定义滑块
    内阴影+圆角*/
	 /*  鼠标hover的时候才显示滚动条 */
   :hover::-webkit-scrollbar-thumb
   {
       border-radius:5px;
       -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.1);
       background-color:rgba(0,0,0,0.2);
   }