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

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

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

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

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

运行结果及报错内容

无内容报错

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

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

img


img

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

我想要达到的结果

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

img

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

指定一个class 引用这个就行了

::-webkit-scrollbar {  
      width: 10px !important;  
      height: 1px !important;  
}  
::-webkit-scrollbar-thumb { //滑块部分  
      border-radius: 5px !important;  
      background-color: rgb(175, 74, 240) !important;  
}  
::-webkit-scrollbar-track { //轨道部分  
      box-shadow: inset 0 0 5px rgba(0,0,0,0.2) !important;  
      background: #ededed !important;  
      border-radius: 5px !important;  
}

改原生css样式啊