移动端软键盘弹出顶出布局如何解决

Question

请问怎么解决

Answer 1

应该是 position 定位的问题，建议别用定位写，可以使用 flex 或其他方法实现布局.

Answer 2

resize的时候计算屏幕高度，修改input的定位。
实际上很多系统在处理这个键盘弹出的时候各种各样，需要调试。。
不过resize在手机上有各种问题。。还是focus吧

Answer 3

$(document).ready(function () {
　　$('body').height($('body')[0].clientHeight);
});
在开始加上这句也不好使
好像并没有固定高度
现在用了swiper 这个插件
我的布局都是absolute的 如果固定了body的高度 应该不会上移了啊 求指教

Answer 4

你这都是图片布局？那就合在一个Div里，顶出的话就一起顶出去，不会这么叠字了

Answer 5

移动端确实需要各种调试，安卓系统内部浏览器的处理方式不尽相同，position：fixed相对来说有好一点。但是在ios处理的时候建议position：absolute来进行调试处理。