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如何隱藏右側捲軸的詳細內容。更多資訊請關注PHP中文網其他相關文章！