本教程操作环境：windows7系统、uni-app2.5.1版本，Dell G3电脑。
推荐（免费）：uni-app开发教程
uniapp隐藏右侧滚动条的方法：
1、在app.vue的style里面外部链接base.css 这种办法比较适配，控制所有滚动条
<style>
@import url("./base.css");
</style>登录后复制在base.css中
::-webkit-scrollbar{
display: none;
}登录后复制2、直接在app.vue里面用条件编译，可以根据不同平台控制不同标签的属性
<style>
@import url("./base.css");
/* 解决小程序和app滚动条的问题 */
/* #ifdef MP-WEIXIN || APP-PLUS */
::-webkit-scrollbar{
display: none;
}
/* #endif */
/* 解决H5 的问题 */
/* #ifdef H5 */
uni-scroll-view .uni-scroll-view::-webkit-scrollbar {
/* 隐藏滚动条，但依旧具备可以滚动的功能 */
display: none
}
/* #endif */
</style>登录后复制以上就是uniapp如何隐藏右侧滚动条的详细内容，更多请关注悠悠之家其它相关文章！
发表评论 取消回复