在用uniapp写h5网页时,电脑上内容超出屏幕长度会自动给网页加滚动条,想问一下如何修改该滚动条样式
无代码,没有找到可编辑的滚动条元素
无内容报错
我试过给最外层view套一个Overflow-y:scroll,这样会导致滚动条重复出现。
在这里只能修改左侧无滑块的滚动条,依然无法修改右侧默认样式
修改原生样式滚动条达到图片效果
已经解决了,在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样式啊