聊天窗口中，当点击输入框的弹出键盘的时候键盘会把上面的导航栏和聊天内容顶出窗口外面。
来源：
天之雪地之痕
2016-08-29
聊天窗口中，当点击输入框的弹出键盘的时候键盘会把上面的导航栏和聊天内容顶出窗口外面。代码如下：
<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>
写回答
4回答
-
Parry
2016-08-29
这个应该是布局问题，你手动控制下偏移。
00 -
天之雪地之痕
提问者
2016-09-06
但是我试过之后所有的安卓手机都没有问题，一到苹果手机上就出问题了，是不是因为苹果键盘和ionic有冲突的原因？
00 -
天之雪地之痕
提问者
2016-08-31
我试过其他人做的聊天demo都会有这个问题（键盘弹出，就会把上面的导航顶上去）
00 -
天之雪地之痕
提问者
2016-08-31
要控制什么偏移？老师能否讲明白一点
012016-08-31
相似问题