滚动条在无需滚动的登录页面上 - 如何禁用？

Question

MY离子2应用程序有一个登录页面是这样的：

当我在电子邮件或密码字段单击该应用程序增加了一个垂直滚动条并移动整个内容有点顶端：

这是我的代码：

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

我该如何避免这种丑陋的滚动？

我已经试过：

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

Answer 1

尝试增加你的app.module到imports阵列您NgModule以下：

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

在iOS上，你还可以尝试禁用与Keyboard插件滚动：

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

添加它作为你的app.module提供商。然后导入并注入它：

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

，然后调用disableScroll方法：

this.keyboard.disableScroll(true); 

Answer 2

你尝试设置<content scroll="false">？这将禁用滚动。查看示例/开始/地图，查看全屏地图示例。