隐藏在焦点上的固定页脚

时间:2012-09-19 21:52:18

标签: cordova jquery-mobile

我正在使用 jQuery Mobile Phonegap 开发移动应用程序。我希望有一个固定的页脚,并希望在用户单击输入字段(如文本字段或文本区域)时隐藏页脚。我可以使用页脚上的data-position="fixed"属性来修复页脚位置。

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

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

1 个答案:

答案 0 :(得分:0)

我不确定这个解决方案是您正在寻找的,但您可能会尝试。

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

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

但是,使用此解决方案,您的页脚不会被隐藏,而是完全移动到页面的底部(它就像没有data-position="fixed"的页脚),一旦输入的焦点丢失,你的页脚将恢复正常(具有固定位置)。

希望这有帮助。