uniapp scroll-view 隐藏滚动条的问题

我用scroll-view的时候:用手机模拟器和小程序查看的时候并没有出现滚动条,真机运行的时候出现滚动条,用h5直接看的时候出现滚动条,我发现的解决办法有两种:

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>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容