uniapp如何隐藏右侧滚动条

小羊要吃狼

uniapp隐藏右侧滚动条的方法：

1、在app.vue的style里面外部链接base.css 这种办法比较适配，控制所有滚动条

[JavaScript] 纯文本查看 复制代码

<style>      
@import url("./base.css");  
</style>

在base.css中

[JavaScript] 纯文本查看 复制代码

::-webkit-scrollbar{
  display: none;
}

2、直接在app.vue里面用条件编译，可以根据不同平台控制不同标签的属性

[JavaScript] 纯文本查看 复制代码

<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>