uniapp(scroll-view)设置show-scrollbar无效

一、描述

在uniapp中,使用scroll-view内置组件,我这里是把他弄成一个可以滑动的导航,设置show-scrollbar="false"之后,按道理来说应该可以了,这个官方提供的一个属性可以不显示滑动条。但是,发现,在微信开发者工具中不显示的滑动条,在真机调试上就显示,及其难看。找寻了好一会,发现这个代码可行。修改他样式即可:

二、样式修改代码(使用样式穿透的方法)

css 复制代码
/deep/ ::-webkit-scrollbar {
	display: block; 
	width: 0 !important;
	height: 0 !important;
	-webkit-appearance: auto!important;
	background:transparent;
	overflow: auto!important;
}

这样就行了!

相关推荐
RuoyiOffice9 小时前
从 0 到 1 搭建 RuoyiOffice:30 分钟跑通后端+前端+移动端
前端·spring boot·uni-app·开源·oa·ruoyioffice·hrm
Geek_Vison10 小时前
APP集成了50多个小程序后,如何搭建一个小程序管理平台来管理这些小程序~
小程序·uni-app·apache·mpaas·小程序容器
梦曦i1 天前
uni-router v1.1.1发布:守卫超时保护+路由监听
前端·uni-app
梦曦i1 天前
全面解析uni-router v1.2.0功能
前端·uni-app
不如摸鱼去1 天前
Wot UI 2.1.0 发布:ConfigProvider 全局配置能力升级
ui·小程序·uni-app
PedroQue991 天前
uni-router:uni-app路由管理新选择
前端·uni-app
这是个栗子1 天前
微信小程序开发(九)- uni-app微信小程序商城
微信小程序·小程序·uni-app·vue·vuex
中犇科技1 天前
2026商城APP开发公司 TOP5(电商垂直版)
uni-app
扁豆的主人1 天前
Uniapp如何构建和部署
uni-app
hhzz2 天前
Uniapp项目中解决一个比较典型的图标渲染问题:原生 tabBar(pages.json 里配置的那种)
uni-app·json