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