小程序
小游戏
企业微信
微信支付
扫描小程序码分享
使用 ::-webkit-scrollbar、::-webkit-scrollbar-thumb 设置滚动条样式在IOS上不生效？ 是不是在IOS上不能设置滚动条样式啊？
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
请具体描述问题出现的流程，并提供能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
.container{
-webkit-overflow-scrolling: touch;
}
对于苹果手机（iOS）上的滚动条样式修改，由于苹果限制了对滚动条的自定义能力，所以无法直接通过 CSS 来修改滚动条的样式。
在 iOS 上，滚动条的外观是由系统自动渲染的，无法通过 CSS 来修改其外观。这是因为苹果希望保持用户界面的一致性，以及确保滚动操作的可用性和易用性。
你好，我没有这一段-webkit-overflow-scrolling: touch; 为什么ios真机上也不显示
https://developers.weixin.qq.com/s/4BvijamM7jz8
如上 代码片段 ，自定义滚动条在开发者工具和安卓机上都可以实现，但在ios真机上没有效果，原因：-webkit-overflow-scrolling: touch;
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
请具体描述问题出现的流程，并提供能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。
.container{-webkit-overflow-scrolling: touch;}对于苹果手机（iOS）上的滚动条样式修改，由于苹果限制了对滚动条的自定义能力，所以无法直接通过 CSS 来修改滚动条的样式。
在 iOS 上，滚动条的外观是由系统自动渲染的，无法通过 CSS 来修改其外观。这是因为苹果希望保持用户界面的一致性，以及确保滚动操作的可用性和易用性。
你好，我没有这一段-webkit-overflow-scrolling: touch; 为什么ios真机上也不显示
https://developers.weixin.qq.com/s/4BvijamM7jz8
如上 代码片段 ，自定义滚动条在开发者工具和安卓机上都可以实现，但在ios真机上没有效果，原因：-webkit-overflow-scrolling: touch;