在pages.json增加如下配置

"globalStyle": {
	"navigationBarTextStyle": "black",
	"navigationBarTitleText": "uni-app",
	"navigationBarBackgroundColor": "#F8F8F8",
	"backgroundColor": "#F8F8F8",
	"app-plus": {
		"bounce": "none",
		"scrollIndicator": "none" //重点是这行,其他的是我自己的需求,我这里选的是全局样式,如果要根据页面配置,则在相应的页面节点配置
	}
},

在App.vue的style标签里增加CSS样式

::-webkit-scrollbar {
	display: none;
	width: 0 !important;
	height: 0 !important;
	-webkit-appearance: none;
	background: transparent;
}

这时候一般就会隐藏了滚动条,如果还没反应,就重新编译一下

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐