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

https://img.mukewang.com/5caab5790001178f04760259.jpg

页面需求是底部有个提示信息,我用的是定位把这个提示信息定位在底部的
https://img3.mukewang.com/5caab57c0001be5a06530424.jpg

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


浮云间
浏览 524回答 4
4回答

动漫人物

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

ABOUTYOU

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

明月笑刀无情

大胆猜测这里用的是fixed定位,如果不是,请忽略下面的。。。如果是fixed定位的话,可以这样:当输入框获取焦点的时候,将底部元素设置为 position:absolute 失去焦点时 恢复你原来的 position:fixed

墨色风雨

文字信息放在底部absolute 就好了 fixed对ios 安卓支持不是很好或者用flex
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript