離子2：禁用滾動的登錄表單輸入焦點

我有離子2創建一個登錄表單，我想禁用滾動時，鍵盤顯示出來，這裏是例子：離子2：禁用滾動的登錄表單輸入焦點

這裏是htmll登錄的代碼：

<ion-content no-bounce padding style="background:url('assets/imgs/bg.jpg') no-repeat center;background-size:cover;" id="page1"> 
    <div class="header padding text-center"> 
     <img class="logoApp" src="assets/img/logo.png" alt="DoggyDOG" /> 
    </div> 
    <ion-card> 
     <ion-card-header> 
      Login to join DoggyDOG 
     </ion-card-header> 
     <ion-card-content> 
      <form (ngSubmit)="login()" novalidate> 
       <ion-list no-line> 
        <ion-item> 
         <ion-input type="text" placeholder="Username"></ion-input> 
        </ion-item> 
        <div class="spacer" style="height:10px;" id="login-spacer2"></div> 
        <ion-item> 
         <ion-input type="password" placeholder="Password"></ion-input> 
        </ion-item> 
        <div class="spacer" style="height:12px;" id="login-spacer2"></div> 
        <a>Forgot your login detail? <b>Get help signing in</b></a> 
        <div class="spacer" style="height:10px;" id="login-spacer2"></div> 
        <button id="login-button1" ion-button round large color="energized" block icon-left style="font-weight:500;color:#ffffff;"> 
        <ion-icon ios="ios-log-in" md="md-log-in"></ion-icon>  
        Login 
       </button> 
      </form> 

      <div class="spacer" style="height:10px;" id="login-spacer2"></div> 

      <button ion-button icon-left block color="facebookbtn"> 
        <ion-icon name="logo-facebook" md="logo-facebook"></ion-icon> Login with Facebook 
       </button> 
      <div class="spacer" style="height:2px;" id="login-spacer2"></div> 

      <button ion-button icon-left block color="googlebtn"> 
        <ion-icon ios="logo-google" md="logo-google"></ion-icon> Login with Google 
       </button> 
      </ion-list> 
     </ion-card-content> 
    </ion-card> 

    <button ion-button icon-left block color="light"> 
        <ion-icon ios="ios-person-add" md="md-person-add"></ion-icon> Don't have an account? Sign up 
       </button> 
</ion-content>

誰能幫助，請解決此問題？

來源

2017-07-19 sahnoun

是否在iPhone上運行？ – Gabsii

試試這個：

@NgModule({ 
    declarations: [ 
    ... 
    ], 
    imports: [ 
    ... 
    IonicModule.forRoot(MyApp,{ 
     scrollPadding: false, 
     scrollAssist: false 
    }), 
    ... 
    ], 
    bootstrap: [IonicApp], 
    entryComponents: [ 
    ... 
    ], 
    providers: [ 
    ... 
    ]

來源

2017-08-03 07:33:14

默認情況下，iOS設備中的表單不會像android那樣獲得滾動效果。您只需添加表格的mode即可。

<form (ngSubmit)="login()" novalidate mode="ios">

希望它可以幫助你解決這個問題

來源

2017-07-19 17:59:42

不工作！：/ – sahnoun

離子2：禁用滾動的登錄表單輸入焦點

回答

相關問題