使用uniapp中的scroll-view组件强制隐藏滚动条

根据uni官方给的文档显示，scroll-view的隐藏属性show-scrollbar为false，在开发中真机链条时没有发现滚动条，小程序发布后，别人手机上显示滚动条。发现问题为：ios显示未发现滚动条，Android系列会显示滚动条，且将scroll-view的show-scrollbar改为false时，依旧解决不了该问题。在查询资料后，总结出该问题的解决方案。设置后滚动条就不见了。

Working_hard_111

1298人浏览 · 2023-04-26 12:03:02

Working_hard_111 · 2023-04-26 12:03:02 发布

根据uni官方给的文档显示，scroll-view的隐藏属性show-scrollbar为false，在开发中真机链条时没有发现滚动条，小程序发布后，别人手机上显示滚动条。

发现问题为：ios显示未发现滚动条，Android系列会显示滚动条，且将scroll-view的show-scrollbar改为false时，依旧解决不了该问题

在查询资料后，总结出该问题的解决方案

    /deep/ ::-webkit-scrollbar {
	//隐藏scroll-view里面自带的滚动条
	display: block; //必加
	width: 0 !important;
	height: 0 !important;
	-webkit-appearance: auto!important;
	background:transparent;
	overflow: auto!important;
	}

设置后滚动条就不见了