底部定位,键盘弹出,位置变化问题

图片描述

页面需求是底部有个提示信息,我用的是定位把这个提示信息定位在底部的
图片描述

现在在安卓机上键盘弹出就会把提示信息挤上来,这是什么原因呀!求解答

阅读 2.8k
4 个回答

$('body').height($('body')[0].clientHeight);

var HEIGHT = $('body').height();
$(window).resize(function () {
    $('div').height(HEIGHT);
});

clipboard.png

大胆猜测这里用的是fixed定位,如果不是,请忽略下面的。。。


如果是fixed定位的话,可以这样:
当输入框获取焦点的时候,将底部元素设置为 position:absolute
失去焦点时 恢复你原来的 position:fixed

文字信息放在底部absolute 就好了 fixed对ios 安卓支持不是很好
或者用flex

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题