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上亲测消失了
本文来自博客园,作者:小枫同学,除网络转载的部分,其他版权属于作者和博客园所有,未经作者或博客园许可,禁止转载、复制、重新发布完整或者部分文字、代码、图片等信息,否则将保留追究法律责任的权利(如博客侵权了您的作品,本人再次表示抱歉,请将原创地址发送至下文邮箱,核实后立刻删除。)。查阅文章的同学,由于网络爬虫严重,有些代码并不会完整贴出来或者存在bug,不过你可以发送邮件到xfstune@126.com获取新代码,记得附上文章链接