Rumah > Artikel > hujung hadapan web > 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>
相关免费学习推荐:编程视频
Atas ialah kandungan terperinci uniapp如何隐藏右侧滚动条. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!