html5页面当点击input输入框弹出安卓手机上键盘就会把背景顶了上来，页面布局就乱了，求帮助

html5页面当点击input输入框弹出安卓手机上键盘就会把背景顶了上来，页面布局就乱了，求帮助

解决方法
1、scrollIntoView(alignWithTop): 滚动浏览器窗口或容器元素，以便在当前视窗的可见范围看见当前元素。
2、alignWithTop 若为 true，或者什么都不传，那么窗口滚动之后会让调用元素的顶部与视口顶部尽可能平齐。
3、alignWithTop 若为 false，调用元素会尽可能全部出现在视口中，可能的话，调用元素的底部会与视口顶部平齐，不过顶部不一定平齐。
4、该方法是唯一一个所有浏览器都支持的方法，类似还有如下方法，但是只有在Chrome和Safari有效。
5、代码如下：

6、再次测试，效果如下：

7、相比于input被挡住，突兀地出现在页面中间更加可以令人接受，但是多次测试，仍然存在问题：当切换输入法的时候，input框的位置会往下移动，被键盘挡住一部分，而且出现的概率比较高（中英文切换），效果如下：

8、当软键盘被唤起是，使用 scrollTop() 方法使input元素滚动到指定的位置，但是滚动的具体数值需要调试才能给出，所以这里就不再演示了。

$(function(){
$('body').height($('body')[0].clientHeight);
});
这句加上即可

可以在body中加个min-height

应该是高度影响的，你的继承高度用的外层需要重新定义一次高度，例如
你原本写的是100%
你的显示屏幕高度为800px；
你页面加载完成之后，要给外层一个800px的高度，这样键盘就不会定上去了