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;
	}
相关推荐
用户0595401744610 小时前
用了6个月LangChain,才发现AI Agent的记忆存储一直有坑——写了23个Pytest用例才彻底修好
前端·css
用户0595401744610 小时前
把LLM记忆测试从手工脚本换成Pytest参数化,回归时间从2小时降到10分钟
前端·css
spmcor1 天前
身份证读卡“无感登录”方案实践:从手动点击到自动检测
uni-app
PedroQue991 天前
uni-router v1.8.0新增冷启动守卫补执行
前端·uni-app
用户059540174461 天前
Redis缓存一致性踩坑实录:线上故障排查6小时,我用pytest+内存快照把它永久关进了笼子
前端·css
llllk2 天前
新手向逐段讲解
css
PedroQue992 天前
uni-router v1.7.0重磅更新:守卫重定向自由掌控
前端·uni-app
玄玄子3 天前
CSS 浮动引起父元素高度塌陷
前端·css
一份执念4 天前
uni-app项目 (vue+vite + uni-UI)中引入umd格式JS文件,微信小程序中导入报错处理方案
前端·uni-app·echarts
用户0926292831454 天前
CSS 代码调试总踩坑?Gemini 3.5 精准定位修复
css