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;
	}
相关推荐
HjhIron14 小时前
CSS 3D 世界:从盒子模型到三维空间动画
javascript·css
参宿715 小时前
CSS 悬挂空白与选区溢出
前端·css
黄敬峰16 小时前
纯 CSS3 打造 3D 旋转魔方:从文档流、Flex 布局到空间变换的硬核复盘
css
JieE21216 小时前
手把手带你用纯 CSS 实现一个 3D 旋转魔方,这些前端基础你能打几分?
前端·css·html
JYeontu16 小时前
开箱流水加载动画
前端·javascript·css
想要成为糕糕手17 小时前
从零到一:CSS 3D 旋转立方体完全指南
前端·css·canvas
YHL18 小时前
🧊 CSS 3D 硬核解析:四个属性手写旋转立方体
前端·css·html
Odoo老杨18 小时前
如何直接在线定制修改 Odoo UI界面?
css·python·crm·odoo·erp·中小企业数字化
YHHLAI19 小时前
CSS 3D 硬核解析:四个属性手写旋转立方体
前端·css·3d
CHB1 天前
HDC2026 演讲实录|AI 驱动的跨端进化:利用 uni-agent 快速构建高性能鸿蒙应用
uni-app·harmonyos