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;
	}
相关推荐
Bug改不动了1 小时前
React Native 与 UniApp 对比
react native·react.js·uni-app
CF14年老兵3 小时前
「Vue 3 + View Transition 实现炫酷圆形缩放换肤动画」
前端·css·trae
前端小书童4 小时前
前端开发中的css:「ink → Bootstrap → 预处理器 → Tailwind → UnoCSS」
前端·css
anyup4 小时前
🔥🔥 10 天 Star 破百!uView Pro 文档也开源啦:完全免费、无广告、高效上手
前端·vue.js·uni-app
牧天白衣.6 小时前
CSS中linear-gradient 的用法
前端·css
前端老鹰8 小时前
HTML <meta name="color-scheme">:自动适配系统深色 / 浅色模式
前端·css·html
AliciaIr9 小时前
前端面试:字体与像素的底层解析
前端·css
coderklaus9 小时前
CSS 嵌套语法(CSS Nesting)
前端·css
超级小忍10 小时前
CSS 常用动画属性详解(含实用示例)
前端·css
掘金安东尼11 小时前
CSS 现状调查 2025
前端·css·面试