2017-10-12 4 views
0

MYイオン2アプリは、次のようにログインページがあります。ログインページのスクロールバースクロールが必要ないページ - 無効にする方法?

enter image description here

私は、電子メールまたはパスワードフィールドをクリックするとアプリが垂直スクロールバーを追加し、少しのトップへコンテンツ全体を移動します。

enter image description here

これは私のコードです:

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

答えて

0

をごNgModuleimports配列にごapp.moduleに次のように追加してみてください:

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); 
0

あなたが<content scroll="false">を設定してみましたが?それはスクロールを無効にします。 examples/starters/mapを見て、フルスクリーンマップの例を見てみましょう。

関連する問題