收藏
回答

小程序滚动条样式在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; /*滚动条的颜色*/

}

安卓手机出现,苹果手机不出现初始滚动条

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

7 个回答

  • 粥
    2021-07-01

    ::-webkit-scrollbar {


      display: none;


    }

    全都不要的话,直接在你所需地方css里面加一条,就全没有了。

    2021-07-01
    有用 1
    回复
  • Wu
    Wu
    09-16

    这个问题解决了么。 我现在也出现这种情况。 iOS不显示。

    再解决不了只能模拟了

    09-16
    有用
    回复
  • 李好香噢
    李好香噢
    2023-04-12

    你好,请问你解决了吗

    2023-04-12
    有用
    回复
  • 王紫瑶
    王紫瑶
    2022-12-22

    2022-12-22了 是不是还没解决!

    2022-12-22
    有用
    回复
  • letwang
    letwang
    2021-12-17

    ::-webkit-scrollbar {

        display: none;

    }


    亲测,Iphone苹果IOS去除小程序滚动条scroll-view样式成功~

    2021-12-17
    有用
    回复
  • 乐乐
    乐乐
    2021-06-18

    解决了吗,前辈

    2021-06-18
    有用
    回复
  • Cjiang
    Cjiang
    2021-03-08

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

    2021-03-08
    有用
    回复 6
    • 颖儿
      颖儿
      2021-03-09
      苹果12,系统版本14.4,微信版本8.0.2,安卓手机出现自定义滚动条,苹果手机不出现自定义滚动条
      2021-03-09
      回复
    • 颖儿
      颖儿
      2021-03-09
      第一张是苹果,第二张是安卓
      2021-03-09
      回复
    • Cjiang
      Cjiang
      2021-03-09回复颖儿
      提供下复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
      2021-03-09
      回复
    • 宁迷
      宁迷
      2021-06-04回复颖儿
      解决了吗,前辈
      2021-06-04
      回复
    • 宁迷
      宁迷
      2021-06-04回复颖儿
      而且我这边不是没有,而是滑块的颜色是白色半透明的,不容易看到,现在修改滑块颜色修改不了,苹果12,系统14.5
      2021-06-04
      回复
    查看更多(1)
登录 后发表内容
问题标签