其他分享
首页 > 其他分享> > uniapp scroll-view组件隐藏滚动条

uniapp scroll-view组件隐藏滚动条

作者:互联网

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

这时候一般就会隐藏了滚动条,如果还没反应,就重新编译一下,在红米K20pro上亲测消失了

标签:uniapp,none,app,滚动条,important,webkit,F8F8F8,scroll
来源: https://www.cnblogs.com/xfstu/p/16365027.html