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;
	}
相关推荐
酉鬼女又兒4 小时前
零基础快速入门前端JavaScript四大核心内置对象:Math、Date、String、Array全解析(可用于备赛蓝桥杯Web应用开发)
前端·javascript·css·蓝桥杯·前端框架·js
氢灵子7 小时前
Fixed 定位的失效问题
前端·javascript·css
烈焰飞鸟9 小时前
iconfont 在 uni-app 项目中的完整使用指南
vue.js·uni-app·iconfont
TON_G-T11 小时前
uniapp-解放主包,组件下沉分包插件
webpack·uni-app
笨笨狗吞噬者11 小时前
【uniapp】小程序支持分包存放微信自定义组件 wxcomponents
前端·微信小程序·uni-app
蓝色心灵-海12 小时前
小律书 技术架构详解:前后端分离的自律管理系统设计
java·http·小程序·架构·uni-app
TON_G-T13 小时前
uniapp-降低主包体积-分包js
webpack·uni-app
专科3年的修炼13 小时前
uni-app移动应用开发第三章
uni-app
橘子编程13 小时前
CSS 全栈指南:从基础到 2025 新特性
前端·css·chrome·tensorflow·less·css3·html5
whuhewei14 小时前
CSS文字渐变
前端·css·css3