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;
	}
相关推荐
阿虎儿6 小时前
CSS 毛玻璃效果完全指南:从入门到避坑
css
清风细雨_林木木9 小时前
CSS 报错:css-semicolonexpected 解决方案
前端·css
熙街丶一人10 小时前
css 图片未加载时默认高度,加载后随图片高度
前端·javascript·css
洗发水很好用14 小时前
uniapp纯css实现基础多选组件
前端·css·uni-app
2501_9159184115 小时前
WebKit 抓包,WKWebView 请求的完整数据获取方法
android·前端·ios·小程序·uni-app·iphone·webkit
whuhewei15 小时前
CSS动画倍速播放
前端·css
ZTLJQ15 小时前
构建网页的三剑客:HTML, CSS, JavaScript 完全解析
javascript·css·html
苏武难飞15 小时前
分享一个THREE.JS中无限滚动的技巧
前端·javascript·css
橘子编程16 小时前
HTML5 权威指南:从入门到精通
前端·css·vue.js·html·html5
AnalogElectronic16 小时前
uniapp学习1,hello world 项目,打包到微信小程序,贪吃蛇小游戏
学习·微信小程序·uni-app