1、APP端
参考文档：uni-app官网
1.1 全局配置：
"globalStyle": { // 全局配置
"scrollIndicator": "none", // 不显示滚动条
"app-plus": {
"scrollIndicator": "none" // 在APP平台都不显示滚动条
}
}
1.2 局部配置：
"path": "pages/index/index",
"style": {
"scrollIndicator": "none", // 该页不显示滚动条
"app-plus": {
"scrollIndicator": "none" // 在该页APP平台不显示滚动条
}
}
注意：配置完毕后，需要重启编辑器并重新编译
2、微信小程序端
只能使用于在 scroll-view 中
2.1 方法一、将滚动条的属性 show-scrollbar 设置为 false 即可
<scroll-view class="wrap" scroll-y enhanced :show-scrollbar="false"></scroll-view>
2.2 方法二、通过CSS设置滚动条隐藏
注意：::-webkit-scrollbar前要有 scroll-view 的标签名或类名文章来源：https://www.toymoban.com/news/detail-518774.html
scroll-view ::-webkit-scrollbar {
width: 0;
height: 0;
background-color: transparent;
}
或文章来源地址https://www.toymoban.com/news/detail-518774.html
scroll-view ::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
color: transparent;
}
到了这里，关于uni-app去掉右侧滚动条的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![[Uni-app] 微信小程序的圆环进度条](https://imgs.yssmx.com/Uploads/2024/04/861659-1.png)
![[uni-app] 微信小程序 如何修改替换头像](https://imgs.yssmx.com/Uploads/2024/02/516718-1.png)
