滾動條在無需滾動的登錄頁面上 - 如何禁用？

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">？這將禁用滾動。查看示例/開始/地圖，查看全屏地圖示例。