Div element won#39;t stay at the bottom when ios 7 virtual keyboard is present(当 ios 7 虚拟键盘存在时，Div 元素不会停留在底部)

本文介绍了当 ios 7 虚拟键盘存在时，Div 元素不会停留在底部的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

当按下文本框后出现 ios 7 虚拟键盘时，我遇到了 div 元素粘在我的网络应用程序底部的问题.

我有这个 div 元素:

<代码>....<div id="footer" style="text-align:center"><div id="idName"><img alt="U29tZU5hbWU=" src="images/logo.png"/></div>

</表单>

它使用这种风格

#footer{颜色:#CCC；高度:48px；位置:固定；z-索引:5；底部:0px;宽度:100%；填充左:2px;填充右:2px;填充:0;边框顶部:1px 实心 #444;背景:#222;/* 旧浏览器 */背景:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222));背景:-moz-线性梯度(顶部，#999，#666 2%，#222)；/* FF3.6+ */背景:-webkit-linear-gradient(top, #999, #666 2%, #222);/* Chrome10+,Safari5.1+ */背景:-o-线性梯度(顶部，#999，#666 2%，#222)；/* 歌剧 11.10+ */背景:-ms-线性梯度(顶部，#999，#666 2%，#222)；/* IE10+ */背景:线性渐变(顶部，#999，#666 2%，#222)；/* W3C *