一、描述

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

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

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

这样就行了!

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐