5

我在 iOS 上使用 Phonegap 和 JQuery-mobile，Phonegap。离开表单输入时，我遇到了标题跳转到中间的问题。

我已经在固定页眉和页脚上设置了 data-hide-during-focus="true" 。这个问题正在杀死我。

4

3 回答 3

3

如果我们只有一个标题栏，那么我们可以只遵循主标题栏的代码。

    $(document).on('focus', 'select, input, textarea', function () {
        $('#main-headerbar').css({'position': 'absolute', 'top': '0px' });
    });
    $(document).on('blur', 'select, input, textarea', function () {
        $('#main-headerbar').css({ 'position': 'fixed' });
    });

如果我们有两个标题栏，第二个标题栏将显示在主标题栏下方（如果主标题栏的高度为“47px”，则为第二个标题栏设置顶部样式，顶部：47 像素）。

$(document).on('focus', 'select, input, textarea', function () {
    $('#main-headerbar').css({'position': 'absolute', 'top': '0px' });
    $('#Second-headerbar').css({ 'position': 'absolute', 'top' : '0px' });
});
$(document).on('blur', 'select, input, textarea', function () {
    $('#main-headerbar').css({ 'position': 'fixed' });
    $('#Second-headerbar').css({ 'position': 'fixed', 'top': '47px' });
});

或按照 iOS 修复输入上的位置固定元素

于 2013-09-10T04:51:38.123 回答
0

我在使用 1.0.1 时遇到了类似的问题，主要问题是标题跳转出现在旧 2.3 版本的 android 甚至 Google Nexus 手机中。我已经在互联网上搜索了越来越多的东西，而不是经过一些研发后我意识到这基本上是 css 的错误 下面我为解决它所做的工作

  1. 给每个页面的标题类“.header”
  2. 使用以下代码创建 css 类
  3. .header{ border: 0px; position: fixed; width: 100%; top: 0px; left: 0px; z-index: 21; }

此外，如果您在更改页面后遇到标题跳下的任何问题，请将此代码添加 $.mobile.silentScroll(0);到$("#yournextpageid").live("pageshow", function() { $.mobile.silentScroll(0); }

Jquerydata-position="fixed"所做的是将顶部位置动态添加到其标题中，并且它具有开销并且在某些设备中被证明是非常粘的。此外，它会在打开键盘时跳入某些设备。添加上面的 CSS 将解决您的问题。

于 2014-12-04T14:10:28.023 回答
-1

in Config.xml change the line to false it will solve your problem..

于 2013-09-28T06:40:26.227 回答