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

这样就行了!

相关推荐
搬砖-无恙14 小时前
vue uniapp里照片多张照片展示
前端·vue.js·uni-app
菜又爱编程14 小时前
【uni-app运行错误】SassError: expected selector @import “@/uni.scss“;
前端·uni-app·scss
奔跑吧邓邓子1 天前
【商城实战(36)】UniApp性能飞升秘籍:从渲染到编译的深度优化
性能优化·uni-app·商城实战
刘登辉2 天前
uniapp报毒
uni-app
星月昭铭2 天前
uni-app打包成H5使用相对路径
uni-app·vue·html5
大叔_爱编程2 天前
wx131基于ssm+vue+uniapp的智能停车场管理系统小程序
vue.js·小程序·uni-app·毕业设计·ssm·源码·课程设计
三天不学习2 天前
Uniapp 开发 App 端上架用户隐私协议实现指南
uni-app·app 上架
寒寒_3 天前
uni-app App 端分段导出 JSON 数据为文件
uni-app
一只程序熊3 天前
Uniapp 字体加载问题(文件本地存储)
uni-app