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;
}

这样就行了!

相关推荐
卷Java8 小时前
用户权限控制功能实现说明
java·服务器·开发语言·数据库·servlet·微信小程序·uni-app
王佳斌20 小时前
sass变量默认
uni-app
二饭1 天前
uniapp与webview通信
uni-app
2501_915909061 天前
iOS 抓包工具有哪些?实战对比、场景分工与开发者排查流程
android·开发语言·ios·小程序·uni-app·php·iphone
2501_915918412 天前
iOS 框架全解析,原生框架与跨平台框架对比、开发应用打包与 App Store 上架实战经验
android·ios·小程序·https·uni-app·iphone·webview
街尾杂货店&2 天前
cssword属性
uni-app
鱼樱前端2 天前
uni-app快速入门章法(二)
前端·uni-app
三天不学习2 天前
uniapp集成语音识别与图片识别集成方案【百度智能云】
百度·uni-app·语音识别
卷Java3 天前
饼状图修复总结
java·spring boot·uni-app·echarts
闲蛋小超人笑嘻嘻3 天前
find数组方法详解||Vue3 + uni-app + Wot Design(wd-picker)使用自定义插槽内容写一个下拉选择器
前端·javascript·uni-app