2016-05-08 20 views
0

私は少しdesesparateです、私は複数のものを試して何も動作していません。だから私の問題は次のとおりです: 毎回私は入力フィールドをクリックし、背景は自分でサイズを変更します、私は空欄が下部にあり、上部にあります。背景画像自体がサイズ変更

私は: cordova.plugins.Keyboard.disableScroll(true);を追加しました。

.run(function($ionicPlatform) { 
$ionicPlatform.ready(function() { 
    // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard 
    // for form inputs) 
    cordova.plugins.Keyboard.disableScroll(true); 
    if (window.cordova && window.cordova.plugins.Keyboard) { 
     cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 
    } 
    if (window.StatusBar) { 
     // org.apache.cordova.statusbar required 
     StatusBar.styleDefault(); 
    } 
}); 

})

login.htmlと

<ion-view view-title="Login" align-title="left"> 
<ion-content class="background"> 
    <div class="hero no-header flat"> 
     <div class="content" style="bottom: 0px;"> 
      <div class="app-icon"></div> 
      <h1 style="text-transform: uppercase;">App</h1> 
     </div> 
    </div> 
    <div class="list padding" style="margin-top: 25px;"> 

     <label style="margin-bottom: 20px; display: block;"> 
      <input type="text" placeholder="Adresse e-mail" ng-model="data.email" class="customInput"> 
     </label> 
     <label style="margin-bottom: 20px; display: block;"> 
      <input type="password" placeholder="Mot de passe" ng-model="data.password" class="customInput"> 
     </label> 
    </div> 
    <div class="button-bar padding"> 
     <button class="button button-small button-border icon-left ion-social-google button-assertive-900" ng-click="login(data)">Connexion</button> 
     <button class="button button-small button-border icon-left ion-social-facebook button-positive-900">Facebook</button> 
    </div> 
    <div class="padding"> 
     <button class="button button-full button-register ink" ui-sref="app.register">Créer votre compte</button> 
    </div> 
</ion-content> 

.background.scroll-content { 
    background: url('../img/login.jpg') no-repeat; 
    background-size: cover; 
    background-position: center; 
    margin: auto; 
    z-index: 2; 
} 

問題は、キーボードが表示されたときに背景がサイズ変更やキーボードは、背景画像を押すことですアップ。

答えて

0

うーん、説明してください。私はあなたのコードをここで試してみました:http://play.ionic.io/app/e9abbb2a5670しかし、私は何か間違っていない。

+0

これはコメントであり、答えではありません。 –

+0

あなたはまさに正しいです。申し訳ありません。 – iCediCe

+0

あなたの助けていただきありがとうございます、私は私のポストの最後に、より多くの情報を追加しました、それはキーボードに関連しています。 – CREAZPRO

関連する問題