Skip to main content
 首页 » 编程设计

div滚动条样式

2022年07月15日47grandyang
 
.class::-webkit-scrollbar { 
  /*滚动条整体样式*/ 
  width: 8px; /*高宽分别对应横竖滚动条的尺寸*/ 
  height: 1px; 
} 
.class::-webkit-scrollbar-thumb { 
  /*滚动条里面小方块*/ 
  border-radius: 10px; 
  box-shadow: inset 0 0 5px #d9dbe1; 
  background: #d9dbe1; 
} 
.class::-webkit-scrollbar-track { 
  /*滚动条里面轨道*/ 
  border-radius: 10px; 
}

/*兼容火狐*/
 .class{
    scrollbar-width: thin;
    scrollbar-color: #d9dbe1 transparent;
   }
 

本文参考链接:https://www.cnblogs.com/wulicute-TS/p/13930085.html