收藏
回答

自定义小程序滚动条样式在ios兼容性问题?

/* 滚动条样式 */

::-webkit-scrollbar {

  width: 4rpx; /*滚动条的宽度*/

  height: 4rpx;

  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:#3385ff; /*滚动条的颜色*/

}

在苹果手机不能看到,滚动条,模拟器可以看到,真机器不能看到


回答关注问题邀请回答
收藏

1 个回答

  • 社区技术运营专员-Riven
    社区技术运营专员-Riven
    01-13

    以真机为准

    01-13
    有用
    回复 3
    • 悟
      01-14
      有解决办法吗?
      01-14
      回复
    • 颖儿
      颖儿
      03-08回复
      解决了吗?我也遇到这个问题,怎么解决啊,求告知
      03-08
      回复
    • 悟
      03-19
      没有解决
      03-19
      回复
登录 后发表内容
问题标签