小程序自定义page的滚动条样式?
发布于 6 年前 作者 gangfu 5949 次浏览 来自 问答

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

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

3 回复

暂不支持

应该是可以的
::-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
}
回到顶部