d1024898670 2022-07-21 14:06 采纳率: 100%
浏览 40
已结题

Uni-app写网页时无法修改默认滚动条样式

问题遇到的现象和发生背景

在用uniapp写h5网页时，电脑上内容超出屏幕长度会自动给网页加滚动条，想问一下如何修改该滚动条样式

问题相关代码，请勿粘贴截图

无代码，没有找到可编辑的滚动条元素

运行结果及报错内容

无内容报错

我的解答思路和尝试过的方法

我试过给最外层view套一个Overflow-y:scroll,这样会导致滚动条重复出现。

img


img

在这里只能修改左侧无滑块的滚动条，依然无法修改右侧默认样式

我想要达到的结果

修改原生样式滚动条达到图片效果

img

  • 写回答

3条回答 默认 最新

  • d1024898670 2022-07-21 15:04
    关注

    已经解决了，在App.vue文件中的style中修改::-webkit-scrollar等相关样式就可以了。或者在index.html中修改 body中 ::-webkit-scrollbar样式即可

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

报告相同问题？

问题事件

  • 系统已结题 7月29日
  • 已采纳回答 7月21日
  • 修改了问题 7月21日
  • 创建了问题 7月21日

悬赏问题

  • ¥15 前置放大电路与功率放大电路相连放大倍数出现问题
  • ¥30 关于<main>标签页面跳转的问题
  • ¥80 部署运行web自动化项目
  • ¥15 腾讯云如何建立同一个项目中物模型之间的联系
  • ¥30 VMware 云桌面水印如何添加
  • ¥15 用ns3仿真出5G核心网网元
  • ¥15 matlab答疑 关于海上风电的爬坡事件检测
  • ¥88 python部署量化回测异常问题
  • ¥30 酬劳2w元求合作写文章
  • ¥15 在现有系统基础上增加功能