Ionic 1键盘推动内容

时间:2017-01-12 21:38:24

标签: ios angularjs ionic-framework keyboard cordova-plugins

我已经广泛研究了解决这个问题的方法,我已经尝试了很多建议,但尚未解决问题。我有一个Ionic 1(1.7.16)应用程序,它有一个包含输入字段的登录页面。当用户点击输入字段时,页面上的内容被推出视图之外。然后当键盘关闭时,内容会自动对齐。

我已经安装了离子键盘并实现了cordova.plugins.keyboard.disablescroll(true),但这不起作用。

这是我的函数在离子准备就绪时运行的一个例子

<ion-view view-title="Login" align-title="left">
<ion-content class="loginBackground">
    <div class="hero no-header flat">
        <div class="content">
            <div class="app-icon"></div>
            <h1>TEST</h1>
        </div>
    </div>
    <div class="padding">
        <button class="button button-block icon-left ion-social-facebook button-positive" ng-click="facebookSignIn()">Login with Facebook</button>
    </div>
   <div class="list list-inset">

      <label class="item item-input">
          <input type="text" placeholder="Username" ng-model="data.name">
      </label>

      <label class="item item-input">
          <input type="password" placeholder="Password" ng-model="data.password">
      </label>

  </div>
    <div class="padding">
        <button class="button button-block button-positive" ng-click="login()">Login</button>
    </div>

     <!--Register Now button-->
     <div class="register">
     <button class="button button-block button-clear hide-on-keyboard-open" ng-click="register()">Not signed up? Register now!</button>
     </div>
  <!--END Register Now button-->
</ion-content>

})

这是登录页面:

{{1}}

有什么想法吗?

0 个答案:

没有答案