自定义侧边栏滚动条样式

最新推荐文章于 2023-11-23 15:54:52 发布

CZCsnd

最新推荐文章于 2023-11-23 15:54:52 发布

阅读量4.6k

点赞数 1

文章标签：滚动条

本文链接：https://blog.csdn.net/changzhen11/article/details/80785648

版权

一、如果一个容器盒子的内容超出元素的高度，如何自定义侧边栏滚动条样式？

1、给这个容器设置 overflow-y:auto;或者overflow-x:auto；这样超出的内容就可以滚动了

2、给这个容器加上下面内容就可以了

 
  容器 
  ::-webkit-scrollbar 
   { 
 
  width: 
  6px; //滚动条的宽度 
 
   } 
 
  容器 
  ::-webkit-scrollbar-thumb 
   { 
 
  background-color: 
  #8899A7;//滚动条的颜色 
 
  border-radius: 
  3px;//滚动条的边框倒角 
 
   }