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

这样就行了!

相关推荐
郑州光合科技余经理11 小时前
同城小程序开发:同一笔单在用户端和商家端各显示到哪
android·java·开发语言·前端·后端·uni-app·php
普通人612 小时前
uniapp模版JS
开发语言·javascript·小程序·uni-app·1024程序员节
wiseyao121913 小时前
uniapp scroll-view滚动到最后
前端·javascript·uni-app
红红谈说16 小时前
同一套产品两个技术栈,双版本前端工程差异怎么收敛?
前端·uni-app·vue3·前后端分离·双版本维护·接口约定
hudie7652 天前
LikeShop 二开最常改的 5 个文件(附改前改后对比)
前端·uni-app·php·个人开发
梅雅达编程笔记2 天前
Day 17 | uni-app 小程序:前端从零搭建
微信小程序·typescript·uni-app·vue3·pinia·前端开发·全栈
一渊之隔2 天前
uniapp BLE 开发踩坑:小米手机数据接收截断问题排查全记录
智能手机·uni-app
阿俊-全栈开发2 天前
LikeShop 单商户标准版 UniApp 端二开:页面组件复用与自定义主题适配
uni-app·likeshop开源商城·likeshop单商户标准版·多商户源码
半生过往3 天前
uni-app多端项目工作笔记
笔记·uni-app
00后程序员张3 天前
无需 Mac 的 iOS App 上架工具,开心上架Appuploader 负责哪些环节
android·ios·小程序·https·uni-app·iphone·webview