聊天窗口中，当点击输入框的弹出键盘的时候键盘会把上面的导航栏和聊天内容顶出窗口外面。

Question

聊天窗口中，当点击输入框的弹出键盘的时候键盘会把上面的导航栏和聊天内容顶出窗口外面。代码如下：

1 2 3 4 5 6 7 8 9 10 11 12 13

<ion-footer-bar align-title="left" class="bar-light talk-input" keyboard-attach resize-foot-bar>     <label class="item item-input rj-footer-input">         <textarea  id="inputText" msd-elastic ng-model="data.curmsg.content"></textarea>                    </label>     <div class="rj-footer-btn-wrap">         <div class="buttons" ng-show="!data.curmsg.content || data.curmsg.content === ''">             <button class="button button-icon icon rj-footer-btn-left">发送</button>         </div>         <div class="rj-send-button" ng-disabled="onSubmitDisabled" ng-click="sendMsg();" ng-hide="!data.curmsg.content || data.curmsg.content === ''">             <p>发送</p>         </div>     </div> </ion-footer-bar>

Answer 1

Parry 2016-08-29 21:21:42

这个应该是布局问题，你手动控制下偏移。

Answer 2

提问者 天之雪地之痕 2016-09-06 10:28:05

但是我试过之后所有的安卓手机都没有问题，一到苹果手机上就出问题了，是不是因为苹果键盘和ionic有冲突的原因？

Answer 3

提问者 天之雪地之痕 2016-08-31 10:31:44

我试过其他人做的聊天demo都会有这个问题（键盘弹出，就会把上面的导航顶上去）

Answer 4

提问者 天之雪地之痕 2016-08-31 10:29:52

要控制什么偏移？老师能否讲明白一点

• Parry #1

  将顶部偏移下来，不就最后的对话框就显示出来了？和 HTML 里面的处理一样啊。