cordova - 固定的页脚隐藏在焦点上

Question

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

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

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

Answer 1

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

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

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

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

希望这可以帮助。