微信小程序设置滚动条样式(笔记)

icoo张某人

已于 2023-04-23 13:43:32 修改

阅读量1.2k

点赞数

分类专栏：微信小程序文章标签：微信小程序 css css3

于 2023-04-19 15:49:18 首次发布

本文链接：https://blog.csdn.net/ZerZhang/article/details/130245966

版权

微信小程序专栏收录该内容

20 篇文章 1 订阅

订阅专栏

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  color:#ffffff;
 }
  

 /*定义滚动条轨道 内阴影+圆角*/
 ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-color:#FFFFFF;
 }
  

 /*定义滑块 内阴影+圆角*/
 ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color:#39b54a;
 }