自定义滚动条的样式

墨蓝 2024-04-18 17:25 152阅读 0赞

核心代码： 

  1. /*
  2.   设置滚动条整体部分的样式
  3.   */
  4.   ::-webkit-scrollbar {
  5.     /* 滚动条整体的宽度及颜色 */
  6.     width: 2px;
  7.     background-color: #F1F1F1;
  8.   }
  9.   /*
  10.   滚动外层样式
  11.   */
  12.   ::-webkit-scrollbar-track {
  13.     border-radius: 50%;;
  14.   }
  16.   /*
  17.   滚动的滑块样式
  18.   */
  19.   ::-webkit-scrollbar-thumb {
  20.     border-radius: 50%;
  21.     background-color: #C1C1C1;
  22.   }

效果图：

20190910102357551.gif

详细参考：https://blog.csdn.net/weixin_42839080/article/details/81572047

发表评论

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

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

相关阅读