当onfocus时,ionic1文本框浮动得更高

时间:2017-10-03 12:02:55

标签: android html ios ionic-framework

我正在使用ionic1应用程序,虽然我已经安装了键盘插件但我的键盘存在问题。当我专注于文本字段时,它会向上浮动,有时会阻挡用户的视图。 下面是它的外观图像

enter image description here

脚本

<form name="sendMessageForm" ng-submit="sendMessage(data.message)" novalidate>
      <ion-footer-bar class="bar-stable item-input-inset message-footer" keyboard-attach>
          <label class="item-input-wrapper">
              <input id="msg-input" ng-change="updateTyping()" ng-model="message" class="input-message" type="text" placeholder="Message" autocomplete="off">
          </label>
          <div class="footer-btn-wrap">
            <button class="button button-icon icon ion-ios-paperplane footer-btn" type="submit" ng-click="send()"
                ng-disabled="!message || message === ''">
            </button>
          </div>
      </ion-footer-bar>
  </form>

在iOS和Android中都进行过测试,结果相同

1 个答案:

答案 0 :(得分:0)

尝试将此CSS添加到样式的表单中:

position: absolute;
bottom: 0;