Comment puis-je désactiver ou masquer la barre de défilement à l'intérieur d'un Ionique 2 <ion-contenu>

J'ai Angulaire à 2 app enveloppé dans Ionique 2. Je suis en utilisant <ion-tabs>, et à l'intérieur de chaque onglet est un <ion-content>. Le contenu de cette zone doit être de défilement, mais Ionique 2 ajoute une barre de défilement que je ne veux pas affiché. Il semble que, lors de la compilation, un <ion-content> a un <scroll-content> injecter. Je ne veux pas ce comportement.

J'ai essayé beaucoup de solutions qui utilisé pour travail Ionique, de 1, mais ils ne fonctionnent pas dans Ionique 2:

  • Réglage scroll="false" sur le <ion-content>
  • Réglage scrollbar-y="false" sur le <ion-content>
  • Réglage overflow-scroll="false" sur le <ion-content>
  • Paramètre suivant dans le fichier css:

    .scroll-bar-indicator
    {
    display: none;
    }

etc...

Réglage de la suite fait le travail pour supprimer la barre de défilement, mais je préfère ne pas détourner le comportement du navigateur, ce qui élimine les barres de défilement de contenu interne à la <ion-content> tag, que je ne veux pas.

::-webkit-scrollbar,
*::-webkit-scrollbar {
  display: none;
}
  • Oui, même ici... autant que je sache, il semble que l'ionique de l'équipe n'a pas ajouté cette option pour l'instant, donc je pense que le seul moyen est le détournement de l'navigateur comme vous l'avez fait, mais de l'ajouter à une classe de n'utiliser que dans un <ion-contenu> que vous souhaitez masquer la barre de défilement. Désolé pour mon anglais.
  • Merci pour votre détournement de solution, il fonctionne, et je ne vois pas de raison de conserver une barre de défilement dans mon application, donc je préfère le supprimer définitivement.
  • Avez-vous une solution pour ce @vrjr?
  • Je n'ai pas regardé en elle depuis le temps que j'ai posté cette question, mais finalement j'en suis venu à la conclusion que ce que je voulais faire n'était pas possible actuellement avec Ionique 2. La situation avec l'Ionique 2 peut avoir changé depuis qu'il a été sous développement rapide du statut alpha à l'époque.
  • ::-webkit-scrollbar, *::-webkit-scrollbar { display: none; } a fonctionné pour moi
InformationsquelleAutor vaer-k | 2016-03-12