滚动条 自定义 ::-webkit-scrollbar

╰+攻爆jí腚メ 2022-10-24 13:11 257阅读 0赞

详情的

复制粘贴就用
注意 类名不能用scrollbar 会没有效果 可能因为重名了

  1. .myScrollbar { // scss版本
  2.     overflow: auto;
  3.     //height: 200px;
  4.     &::-webkit-scrollbar { 
  5.       width: 3px;
  6.     }
  7.     &::-webkit-scrollbar-thumb { //里面的中间条
  8.     background: #409eff;
  9.       }
  10.       /*定义滚动条轨道 内阴影+圆角*/
  11.       &::-webkit-scrollbar-track { //包裹中间条的地方
  12.     border-radius: 10px;
  13.     width: 3px;
  14.     background-color: #f5f5f5;
  15.       }
  16.   }
  17.   // .myScrollbar::-webkit-scrollbar { 
  18.   // width: 3px;
  19.   // }
  20.   // .myScrollbar::-webkit-scrollbar-thumb { 
  21.   // background: #409eff;
  22.   // }

发表评论

表情：
评论列表 （有 0 条评论，257人围观）

还没有评论，来说两句吧...

相关阅读