源码给你自己改 2021-12-27 16:48 采纳率: 50%
浏览 594
已结题

css设置滚动条样式在IOS上无效

给滚动条设置了样式,在安卓机上显示正常,但是ios无法正常显示,仍然显示的是原生的滚动条。
代码如下

/* 外层包裹盒子 */
.db_box {
  height: 25vw;
  display: flex;
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.db_box::-webkit-scrollbar {
  background-color: #ffffff;
  height: 3px;
}
.db_box::-webkit-scrollbar-track {
  background-color: #bcbcbc4a;
  margin: 0 40vw;
  border-radius: 15px;
}
.db_box::-webkit-scrollbar-thumb{
  background-color: #bcbcbc;
  border-radius: 15px;
}

也写过如下的尝试,但是仍然无效

/* 外层包裹盒子 */
.db_box {
  height: 25vw;
  display: flex;
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: auto;
}
.db_box::-webkit-scrollbar {
  background-color: #ffffff;
  height: 3px;
  border: 4px solid transparent;
  background-clip: content-box;
}
.db_box::-webkit-scrollbar-track {
  background-color: #bcbcbc4a;
  margin: 0 40vw;
  border-radius: 15px;
}
.db_box::-webkit-scrollbar-thumb{
  background-color: #bcbcbc;
  border-radius: 15px;
}

已经是我在网络上能找到的全部的解决方案了,全部是无效的,想请问有什么解决办法吗

  • 写回答

2条回答 默认 最新

    报告相同问题?

    相关推荐 更多相似问题

    问题事件

    • 系统已结题 1月5日
    • 已采纳回答 12月28日
    • 创建了问题 12月27日

    悬赏问题

    • ¥15 关于#Python#的问题,如何解决?
    • ¥15 CMD 生成TXT内容输出成一行
    • ¥20 关于#pandas#的问题,如何解决?(语言-python)
    • ¥30 c语言设计井字棋小游戏
    • ¥15 关于属性关联的双极容度多属性决策vikor方法的公式
    • ¥15 10吨190马力爆炸品运输车,以80km/h的速度行驶1个小时输出的动能或者做的功是多少?
    • ¥15 《phthon编程从入门到实践》第十八章,从django入手,learning_log,ModuleNotFoundError: No module named 'learning_logs
    • ¥15 echarts 放入折叠面板宽高的问题
    • ¥50 求帮配置Django项目配置环境
    • ¥20 画出下列系统的bode图和乃式图