Phonegap，jQuery Mobile，Android，文本输入后不再固定工具栏

Posted 2023-04-18

【中文标题】Phonegap，jQuery Mobile，Android，文本输入后不再固定工具栏

【英文标题】：Phonegap, jQuery Mobile, Android, not fixed toolbar anymore after a text input

【发布时间】：2012-08-25 01:07:02

【问题描述】：

关于工具栏的 jQuery mobile、phonegap 和 android 组合我有一个问题。更准确地说，我希望我的页眉和页脚在我输入文本区域后保持稳定（data-position="fixed"）。

我还在页眉和页脚中包含属性 data-tap-toggle="false"，但是在我在文本区域写一些内容并返回页面后，页脚和页眉不再“固定”，并且我必须再次触摸屏幕才能再次显示和修复。

有什么建议吗？ 提前谢谢你。

【参考方案1】：

最好的解决方案（非常适合我）是：

https://github.com/watusi/jquery-mobile-iscrollview

它是jquery mobile 和iscroll 的结合。 基本上，它完成了加入上述 2 个库的所有令人讨厌的工作。

【参考方案2】：

我在 ios 上遇到了完全相同的问题。几个小时后，尝试了几种不同的方法，我选择了iScroll。如果还有其他答案，我很乐意听到。

【参考方案3】：

我在 Android 4.0.3 上遇到了同样的问题。我有一个带有搜索框的列表。一旦我点击搜索框进行输入，页眉和页脚就失去了它们的固定位置。我有一个非常简单的修复工作。

    $('input[data-type=search]').live("focus", function() 
        $("[data-role=header]").css('position','fixed');
        $("[data-role=footer]").css('position','fixed');
    );

希望它有效！