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

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 R语言爬虫的时候元素和园代码不一样怎么解决呀
  • ¥15 VS2022多项目启动有问题
  • ¥15 SQL删除添加数据后序号不连续问题。
  • ¥15 首次运行OmniEvent运行报错
  • ¥15 有没有人知道这个问题怎么解决
  • ¥15 comsol电力电缆载流量仿真
  • ¥15 webSocket可以接TCP socket接口吗
  • ¥60 mpi并行出错,CFD++计算
  • ¥15 c#:vsto,powerpoint的外接程序中换主题颜色
  • ¥15 状态机/汽车转向灯/Sateflow