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;
	}
相关推荐
java1234_小锋14 分钟前
【技术专题】CSS3 网页技术 - CSS3 基础样式
android·前端·css3
是立不是利21 分钟前
CSS 的 Flex 布局——为什么元素没有按我想的排列
前端·css
java1234_小锋19 小时前
【技术专题】CSS3 网页技术 - CSS3 盒模型
前端·css·css3
前端架构师-老李20 小时前
HTML与CSS基础第四课—strong、em、b、i 各表示什么
前端·css·html
程序00721 小时前
天地图实现收货地址定位
前端·javascript·css
汤米粥1 天前
目前流行的前端 CSS 框架
前端·css·bootstrap·ant design·‌tailwind css·bulma
是立不是利1 天前
CSS 的层叠与优先级——为什么我的样式不生效
前端·css
anyup2 天前
uView Pro X 1.0.0 发布:全面支持 uni-app x 蒸汽模式,80+ 组件
前端·uni-app·ai编程
zhongben123_2 天前
从零开发一个打车APP:技术选型、系统架构与成本评估指南
大数据·运维·ios·系统架构·uni-app·web app
前端架构师-老李2 天前
HTML与CSS基础第二课—初识HTML
前端·css·html