So verbergen Sie die rechte Bildlaufleiste in Uniapp

So verbergen Sie die Bildlaufleiste auf der rechten Seite von uniapp: 1. Verknüpfen Sie [base.css] extern im Stil von [app.vue]. 2. Verwenden Sie die bedingte Kompilierung direkt in [app.vue]. Die Eigenschaften des Etiketts werden je nach Plattform unterschiedlich gesteuert.

Die Betriebsumgebung dieses Tutorials: Windows7-System, Uni-App2.5.1-Version, Dell G3-Computer.

Empfohlen (kostenlos): Uni-App-Entwicklungs-Tutorial

Uniapp-Methode zum Ausblenden der rechten Bildlaufleiste:

1. Externe Verknüpfung von base.css im Stil von app.vue. Steuern Sie alle Bildlaufleisten

<style>
    @import url("./base.css");
</style>

in base.css

::-webkit-scrollbar{
  display: none;
}

2. Verwenden Sie die bedingte Kompilierung direkt in app.vue, um die Eigenschaften verschiedener Beschriftungen je nach Plattform zu steuern

<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>

Verwandte kostenlose Lernempfehlungen: Programmiervideos

Das obige ist der detaillierte Inhalt vonSo verbergen Sie die rechte Bildlaufleiste in Uniapp. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!