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;
	}
相关推荐
DK185838322525 小时前
【源码开源部署】电竞代练护航陪玩小程序:全游戏服务平台完整解决方案(附宝塔部署教程)
游戏·微信小程序·uni-app·开源·php
里欧跑得慢5 小时前
Flutter主题与样式详解
前端·css·flutter·web
toooooop85 小时前
智慧文旅数字人体验平台demo html
css·css3
码云数智-大飞5 小时前
2026 年跨端开发决战:小程序原生 vs uni-app vs Taro 深度对比
小程序·uni-app·taro
yume_sibai9 小时前
CSS2 核心知识点完全总结(选择器 + 三大特性 + 常用属性)
前端·css
小刘在重生~11 小时前
Web 前端基础|HTML+CSS+JavaScript+Bootstrap
前端·css·html
吴长建先生重名了11 小时前
如何撩妹子实战:搞定StackTrace,面试必问的底层逻辑
css
是立不是利11 小时前
第二篇:CSS 与用户体验——看不见的设计
前端·css·ux
BS30813_vx12 小时前
基于 Express + uni-app 的养老院管理系统设计与实现
后端·uni-app·express
神膘护体小月半14 小时前
mask 渐变遮罩属性
前端·css·css3