Barre de défilement sur la page de connexion où aucun défilement n'est nécessaire - comment désactiver?

Question

MY ionique 2 app a une page de connexion comme ceci:

Lorsque je clique dans le champ e-mail ou mot de passe de l'application ajoute une barre de défilement vertical et déplace tout le contenu un peu vers le haut:

Ceci est mon code:

<ion-content padding> 

    <p text-center padding> 
    Acesse com seu E-mail<br>e senha enviada por E-mail. 
    </p> 


    <ion-list> 

    <ion-item> 
     <ion-label stacked>E-mail</ion-label> 
     <ion-input type="text" [(ngModel)]="email"></ion-input> 
    </ion-item> 

    <ion-item> 
     <ion-label stacked>Senha</ion-label> 
     <ion-input type="password" [(ngModel)]="password"></ion-input> 
    </ion-item> 

    </ion-list> 

    <button ion-button full large (click)="login()">ENTRAR</button> 

</ion-content> 

Comment puis-je éviter ce défilement moche?

J'ai essayé déjà:

• <ion-content padding no-bounce>
• overflow: hidden;
• app._setDisableScroll;

Answer 1

Essayez d'ajouter ce qui suit dans votre app.module au tableau imports de votre NgModule:

IonicModule.forRoot(MyApp, { 
    scrollPadding: false, 
    scrollAssist: true, 
    autoFocusAssist: false 
}) 

Sur iOS, vous pouvez essayer de plus pour désactiver le défilement avec le plugin Keyboard:

ionic cordova plugin add ionic-plugin-keyboard 
npm install --save @ionic-native/keyboard 

Ajoutez en tant que fournisseur dans votre app.module. Ensuite, l'importation et l'injecter:

import { Keyboard } from '@ionic-native/keyboard'; 
constructor(private keyboard: Keyboard) {} 

Et puis appelez la méthode disableScroll:

this.keyboard.disableScroll(true); 

Answer 2

Avez-vous essayé la mise <content scroll="false">? Cela désactivera le défilement. Jetez un oeil aux exemples/starters/carte pour un exemple de carte en plein écran.