当屏幕键盘存在时，需要将页脚向上推并始终可见

Question

我正在构建一个使用React / Redux和Foundation作为样式库的Web应用程序。

即使屏幕键盘弹出，屏幕上仍然会出现粘性页脚的最佳方法是什么？截至目前，键盘覆盖了页脚，但我希望页脚正好位于键盘上方。

页脚的CSS ...

#footer {
 width: 100%;
 background-color: #4c66a4;
 color: #fff;
 position: fixed;
 left: 0px;
 bottom: 0px;
 height: 60px;
 text-align: center;
}