小程序滚动条样式在ios的兼容性问题?
发布于 4 年前 作者 hhu 4719 次浏览 来自 官方Issues

/* 滚动条样式 */

::-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 回复

你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),并详细描述下复现的流程,并提供下复现的相关截图。具体是哪里不兼容呢?也可以提供下复现视频(上传至腾讯视频 , https://v.qq.com

回到顶部