【问题标题】:ionic1 textbox floats up higher when onfocusonfocus 时 ionic1 文本框会浮得更高
【发布时间】:2017-10-03 12:02:54
【问题描述】:

我正在开发一个 ionic1 应用程序,但我的键盘出现了问题,尽管我已经安装了键盘插件。当我专注于文本字段时,它会浮得更高,有时会挡住用户的视线。 下面是它的外观图片

脚本

<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 中测试,结果相同

【问题讨论】:

    标签: android html ios ionic-framework


    【解决方案1】:

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

    position: absolute;
    bottom: 0;
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2013-06-27
      • 1970-01-01
      • 1970-01-01
      • 2011-08-16
      • 2014-08-19
      • 1970-01-01
      • 2012-08-04
      相关资源
      最近更新 更多