收藏
回答

使用::-webkit-scrollbar等设置滚动条样式在ios不生效?

使用 ::-webkit-scrollbar、::-webkit-scrollbar-thumb 设置滚动条样式在IOS上不生效? 是不是在IOS上不能设置滚动条样式啊?

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

3 个回答

  • 天道酬勤
    天道酬勤
    2023-10-09

    对于苹果手机(iOS)上的滚动条样式修改,由于苹果限制了对滚动条的自定义能力,所以无法直接通过 CSS 来修改滚动条的样式。

    在 iOS 上,滚动条的外观是由系统自动渲染的,无法通过 CSS 来修改其外观。这是因为苹果希望保持用户界面的一致性,以及确保滚动操作的可用性和易用性。

    2023-10-09
    有用 1
    回复
  • 柚子皮。
    柚子皮。
    2022-12-02

    你好,我没有这一段-webkit-overflow-scrolling: touch; 为什么ios真机上也不显示

    2022-12-02
    有用
    回复
  • 我爱莎莉
    我爱莎莉
    2022-05-11

    https://developers.weixin.qq.com/s/4BvijamM7jz8

    如上 代码片段 ,自定义滚动条在开发者工具和安卓机上都可以实现,但在ios真机上没有效果,原因:-webkit-overflow-scrolling: touch;

    2022-05-11
    有用
    回复 2
    • 秋浦辰南
      秋浦辰南
      2022-06-11
      你设的值是touch,我试了下你的代码片段,在ios真机不行,改为auto或者unset也不行
      2022-06-11
      回复
    • 秋浦辰南
      秋浦辰南
      2022-06-11
      看了下,可能是新版不支持了,开发工具里把-webkit-overflow-scrolling这个属性变灰且划掉了
      2022-06-11
      回复
登录 后发表内容