Comment masquer la barre de défilement droite dans Uniapp

Comment masquer la barre de défilement sur le côté droit d'uniapp : 1. Lier extérieurement [base.css] dans le style de [app.vue] 2. Utiliser la compilation conditionnelle directement dans [app.vue] ; , qui peut être basé sur Différentes plates-formes contrôlent les propriétés de différentes balises.

L'environnement d'exploitation de ce tutoriel : système Windows7, version uni-app2.5.1, ordinateur Dell G3.

Recommandé (gratuit) : Tutoriel de développement d'uni-app

Comment masquer la barre de défilement sur le côté droit d'uniapp :

1 , liez en externe base.css dans le style de app.vue Cette méthode est plus adaptée Contrôlez toutes les barres de défilement

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

dans base.css

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

2. Directement dans. app.vue Il utilise une compilation conditionnelle, qui peut contrôler les attributs de différentes balises selon différentes plates-formes

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

Recommandations d'apprentissage gratuites associées : Vidéo de programmation

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!