Rumah  >  Artikel  >  hujung hadapan web  >  uniapp如何隐藏右侧滚动条

uniapp如何隐藏右侧滚动条

coldplay.xixi
coldplay.xixiasal
2020-12-15 16:26:427894semak imbas

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

uniapp如何隐藏右侧滚动条

本教程操作环境: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>

相关免费学习推荐:编程视频

Atas ialah kandungan terperinci uniapp如何隐藏右侧滚动条. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:uniapp如何修改全局变量Artikel seterusnya:uniapp如何取消跨域