uniapp css无法显示进度条的问题解决

最近在开发uniapp页面时 发现即使写了css overflow: scroll强制显示滑动进度条 依然没有显示,想了想,肯定是官方的样式表做了相应的处理。果然一检查,在全局样式发现了:

::-webkit-scrollbar {

display: none;

}

因此,要想显示进度条,我们需要自己稍加修改:

&::-webkit-scrollbar {

display: block;

width: 3px;

}

复制代码
	&::-webkit-scrollbar-track {
		background-color: rgba(241, 241, 241, 0.26);
	}
	
	&::-webkit-scrollbar-thumb {
		background-color: #bfbfbf;
		border-radius: 4px;
	}
	
	&::-webkit-scrollbar-thumb:hover {
		background-color: #505518;
	}
相关推荐
PedroQue9932 分钟前
uni-app x 事件通信插件重磅上线
前端·uni-app
cll_8692418913 小时前
WordPress Single Post 文章页美化:响应式表格、图片优化与自动悬浮 Table of Contents(CSS + JS)
前端·css
愛芳芳3 小时前
基于 Electron + Vue3 的仿 PC 微信客户端项目实战
前端·javascript·css·elementui·typescript·electron·vue
gnip5 小时前
uni-app 原生插件
前端·javascript·uni-app
feixing_fx6 小时前
伪类与伪元素的魔法:纯 CSS 打造炫酷的按钮悬停特效
前端·css·css3
白远山1 天前
自助健身小程序源码:架构拆解、核心链路与本地部署实战
java·架构·uni-app·需求分析
Peter-Code1 天前
微前端避坑指南:主应用与子应用的高度及滚动条协调
css·前端框架·微前端
2501_915909061 天前
怎么用 FlutterFlow 把应用发布到 App Store?
android·ios·小程序·https·uni-app·iphone·webview
2501_915918412 天前
怎么把 Python 写的 Flet 应用打包成 iOS App 并上架 App Store?
android·ios·小程序·https·uni-app·iphone·webview
Geek_Vison2 天前
小程序容器如何抹平系统差异,让一个小程序运行在 iOS、安卓、鸿蒙和电脑端
小程序·uni-app·harmonyos·mpaas