固定的页脚隐藏在焦点上答案

【问题标题】：Fixed footer which hides on focus固定的页脚隐藏在焦点上
【发布时间】：2012-09-19 21:52:17
【问题描述】：

我正在使用 jQuery Mobile 和 Phonegap 开发移动应用程序。我想要一个固定的页脚，并希望当用户单击文本字段或文本区域等输入字段时隐藏页脚。我可以通过使用页脚上的data-position="fixed" 属性来固定页脚位置。

问题是当我单击文本字段输入数据时，页脚与输入字段重叠并且看起来很奇怪。我尝试使用 hideDuringFocus 但没有用，因为它不适用于固定页脚。

还有其他人遇到过类似的问题吗？

【问题讨论】：

【解决方案1】：

我不确定此解决方案是否是您正在寻找的解决方案，但您可以尝试一下。

尝试将选项data-tap-toggle="false" 添加到您的页脚，并保留data-position="fixed"。

上述解决方案允许您选择输入文本，而不会让您的页脚重叠。

但是，使用此解决方案，您的页脚不会被隐藏，而是完全移动到页面底部（就像没有 data-position="fixed" 的页脚一样），一旦失去对输入的关注，您的页脚将恢复正常（固定位置）。

希望这会有所帮助。

【讨论】：

感谢您的回复。我已经尝试过您提到的选项，但是当屏幕上弹出键盘时，页脚会向上移动，这会导致页脚与输入字段重叠。删除 data-position="fixed" 会有所帮助，但页脚不会留在页面底部。我尝试使用 CSS 将页脚位置固定到页面底部，但没有成功。