当我在手机上写字时,离子页脚向上移动

时间:2017-01-12 10:01:15

标签: ionic-framework

我有一个简单的应用程序包含一个文本框和一个页脚,我遇到的问题是,当我在文本框中写入时,页脚会像这样向上移动

enter image description here

我想要的是将页脚固定在底部,键盘显示在页脚上方。

这是代码

 <body ng-app="starter">

    <ion-pane>
  
      <ion-content>

          <input type="text" />

      </ion-content>


        <div class="bar bar-footer bar-balanced">
            <div class="title">Footer</div>
        </div>
      

      
    </ion-pane>
  </body>

2 个答案:

答案 0 :(得分:2)

3天后我找到了解决方案, YourProject \平台\机器人\ AndroidManifest

将android:windowSoftInputMode设置为adjustPan

答案 1 :(得分:1)

你没有正确实施

使用ion-footer-bar指令

&#13;
&#13;
    <ion-content class="has-footer">
      Some content!
    </ion-content>
    <ion-footer-bar align-title="left" class="bar-assertive">
      <div class="buttons">
        <button class="button">Left Button</button>
      </div>
      <h1 class="title">Title!</h1>
      <div class="buttons" ng-click="doSomething()">
        <button class="button">Right Button</button>
      </div>
    </ion-footer-bar>
&#13;
&#13;
&#13;

http://ionicframework.com/docs/api/directive/ionFooterBar/