uniapp如何隐藏右侧滚动条

百变鹏仔 4周前 (11-21) #uniapp

文章标签滚动条

uniapp隐藏右侧滚动条的方法：1、在【app.vue】的style里面外部链接【base.css】；2、直接在【app.vue】里面用条件编译，可以根据不同平台控制不同标签的属性。

本教程操作环境：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如何隐藏右侧滚动条

详解uni-app（vue）基于InnerAudioContext封装一个基本的音频组件

什么是uni-app

uni-app之小程序包大小优化

uni-app在不同平台下拨打电话的示例

uni-app适配到微信小程序注意事项