小程序自定义page的滚动条样式？

希望小程序能够自定义滚动条样式。

3 回复

xiangyong1 楼6 年前

无效

smeng2 楼6 年前

暂不支持

xiangxiuying3 楼5 年前

应该是可以的
::-webkit-scrollbar{
  width 4px
  height 4px
  color#ffffff
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track{
  -webkit-box-shadow inset 0 0 10px rgba 0 0 0.3
  box-shadow inset 0 0 6px rgba 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.3
  box-shadow inset 0 0 6px rgba 0 0 0.1
  background-color#39b54a
}