Jquery 引导固定页脚移动

我正在用AngularJS、Bootstrap和Jquery开发一个应用程序。我已经创建了一个固定的页脚，它在整个应用程序中都能正常工作。但当我点击手机浏览器上的输入框时，页脚会移到屏幕中央

以下是css：

.footer{
底部：0；
填充：10px 15px；
位置：固定；
宽度：100%；
}

我尝试将输入焦点上的页脚属性更改为position:absolute和display:none。下面是它的代码：

$（文档）.on（'focus'，'[type=text]，[type=password]，[type=number]'，函数（e）{
$（“.footer”）.css（“位置”、“绝对”）；
$（“.footer”）.css（“显示”、“无”）；
});
$（文档）.on（'blur'，'[type=text]，[type=password]，[type=number]'，函数（e）{
$（“.footer”）.css（“位置”，“固定”）；
$（“.footer”）.css（“显示”、“块”）；
});

---

它在Iphone 5和5s等少数设备上有效，但在Ipad、Iphone 4等其他设备上没有成功。任何帮助都将不胜感激。

我发现带有

位置：fixed

的页脚通常不会按照您希望的方式操作。我不知道你是如何建立HTML的，但是你可以考虑使用<代码>位置：绝对< /代码> ./p> 在下面的钢笔里，我举了一个小例子，说明了当我需要在页面底部有一个固定的页脚时，我通常会做什么

---

我不建议使用Javascript/JQuery来修复样式问题，尤其是JQuery，因为这不是“角度方式”。请参见原因。

是否可以添加在单击特定输入框时应用的jquery？页脚可能正在移动，因为当您聚焦输入时，浏览器会调整视口大小以显示软键盘。调整大小的视口表示

bottom

的新值小于以前的值。另外，别忘了其他HTML5输入类型，如“email”、“tel”等：）这是一件有趣的事情。调整了视口的大小，我能用什么方法处理这个更改？