Maison  >  Article  >  interface Web  >  Comment masquer la barre de défilement dans Uniapp

Comment masquer la barre de défilement dans Uniapp

coldplay.xixi
coldplay.xixioriginal
2020-12-09 15:27:2910999parcourir

Comment masquer la barre de défilement dans uniapp : 1. La barre de défilement n'est pas affichée sur la page actuelle, le code est ["app-plus":{"scrollIndicator":"none"}] 2 ; . Il n'est pas affiché sur la barre de défilement de la page APP, le code est ["app-plus":{"scrollIndicato].

Comment masquer la barre de défilement dans Uniapp

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

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

Méthode de la barre de défilement cachée d'uniapp :

uni-app masque la barre de défilement et ne l'affiche pas

//在page.json
{
"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "uni-app",
"app-plus":{
"scrollIndicator":"none" //当前页面不显示滚动条
}
}
}
],
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8",
"app-plus":{
"scrollIndicator":"none" //全局 在APP页面都不显示滚动条
}
}
}

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn