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

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条回答 默认 最新

  • ✎﹏ℳ๓敬坤 2021-12-27 16:56
    关注

    支持的不一样,你可以试试自己写一个滚动条,这样就不会出现不兼容的问题了

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

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

悬赏问题

  • ¥18 微机原理汇编的综合实验
  • ¥15 LD衰减图用R语言对其可视化
  • ¥15 Mermaid语法生成的svg在Axure无法编辑
  • ¥15 Windchill二次开发
  • ¥15 怎么把tkinter和其他代码结合起来使功能可以完善
  • ¥15 爬取豆瓣电影相关处理
  • ¥15 手机淘宝抓清除消息接口
  • ¥15 C#无selenium
  • ¥15 用机器学习方法帮助保险公司预测哪些是欺诈行为
  • ¥15 数据爬取,python