Apache Cordova IOS键盘移动页眉和页脚_Ios_Cordova_Jquery Mobile Listview

Apache Cordova IOS键盘移动页眉和页脚

ios cordova

Apache Cordova IOS键盘移动页眉和页脚,ios,cordova,jquery-mobile-listview,Ios,Cordova,Jquery Mobile Listview,我对apache cordova有一个重大问题。这是iOS特有的问题。我正在使用jquerymobile。每当对listview控件进行搜索时，就会出现此问题，然后我的固定位置页眉、页脚和搜索输入向下移动这是我的页面的标记 <!DOCTYPE HTML> <html> <head> <title>Contacts</title> <meta charset="utf-8" /> <meta

我对apache cordova有一个重大问题。这是iOS特有的问题。我正在使用jquerymobile。每当对listview控件进行搜索时，就会出现此问题，然后我的固定位置页眉、页脚和搜索输入向下移动

这是我的页面的标记

<!DOCTYPE HTML>
<html>
  <head>
    <title>Contacts</title>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
    <link href="css/jquery.mobile-1.4.5.min.css" rel="stylesheet" />
    <link href="css/jquery.mobile.icons.min.css" rel="stylesheet" />
    <link href="css/jquery-ui.min.css" rel="stylesheet" />
  </head>
  <body>
    <style>
      #my-wrapper 
      {
        padding-top: 81px;
        background-color: rgb(250, 246, 246);
      }
      #my-wrapper form {
        position: fixed;
        left: 2%;
        right :2%;
        top: 35px;
        width: 96%;
        z-index: 2;
        background-color: rgb(250, 246, 246);
        border-color : rgb(120, 120, 120);
        text-shadow:unset;
        box-shadow:unset;        
      }
      #ContactHeader 
      {
        position: fixed;
        top: 0px;
        width: 100%;
        z-index: 1;
      }
    </style>
    <div id="employeeListPage" data-role="page" >
      <div id="ContactHeader" data-role="header" style="height:32px ; ">
        <a class="ui-btn-left" data-icon="arrow-l" href="#" onclick="window.location.replace('index.html');" style="vertical-align:text-top; height:8px"></a>
        <h2>Contacts</h2>
      </div>
      <div id="my-wrapper" data-role="main">
        <ul id="employeeList" data-role="listview" data-inset="true" data-filter="true" data-filter-theme="staticscroll"  data-filter-placeholder="Search Contacts/Companies" ></ul>
      </div>
      <div data-role="footer" style="text-align:center; width: 100%;height: 25px;position:fixed;bottom: 0px;left: 0px;right: 0px;">My footer</div>  
      <div id="loadmoreajaxloader" style="display:none;"><center><img src="css/images/bw-loader.GIF" /></center></div>
    </div>
    <script type="text/javascript" src="cordova.js"></script>
    <script src="js/jquery.js" type="text/javascript"></script>
    <script src="js/jquery.mobile-1.4.5.min.js"></script>
    <script src="js/contactlist.js"></script>
  </body>
</html>


联络
#我的包装纸
{
填充顶部：81px；
背景色：rgb（250246246）；
}
#我的包装纸表格{
位置：固定；
左：2%；
右：2%；
顶部：35px；
宽度：96%；
z指数：2；
背景色：rgb（250246246）；
边框颜色：rgb（120、120、120）；
文本阴影：未设置；
盒影：未设置；
}
#通讯头
{
位置：固定；
顶部：0px；
宽度：100%；
z指数：1；
}
联络

我的页脚

我还有一个事件，当用户开始在搜索栏中键入时会触发

$(document).on("pagecreate", "#employeeListPage", function () {
  $("#employeeList").on("filterablebeforefilter", function (e, data) {
    var URL = window.localStorage.getItem("ContactsForSearch");
    URL = URL + '/' + nextNo + '/' + value;
    $.getJSON(URL, function (info) {
      if (info.length === 0) {
        nomoredata = true;
        //alert('no more data to display');
        $('#employeeList').append('<br>');
        $('#employeeList').append('<center><h2>No Data <h2>   </center>');
      }
      else {
        $('#employeeList').append('<li style="border-top: 1px solid #0189D0;"><a    data-transition="slide" href="employeedetails.html?id=' + id + '&comnum=' + comNum + '&contactNum=' + contactNumber + '"><h2>' + companyName + '</h2>    <small>' + name + ' - ' + designation + '</small>' + '</a>' + '</li>');
      }
    });
  });
});

$（文档）。在（“页面创建”，“员工列表页面”，函数（）{
$（“#employeeList”）。关于（“FilterableBeforFilter”，函数（e，数据）{
var URL=window.localStorage.getItem（“ContactsForSearch”）；
URL=URL+'/'+nextNo+'/'+value；
$.getJSON（URL、函数（信息）{
如果（信息长度===0）{
nomoredata=true；
//警报（“不再显示数据”）；
$（“#员工列表”）。追加（“
”）；
$（'#employeeList'）。追加（'无数据'）；
}
否则{
$（“#员工列表”）.append（“”+””）；
}
});
});
});

无论何时从列表顶部搜索：

如果您向下滚动并开始在搜索栏中键入，就会发生这种情况……这些屏幕截图取自xcode的emulator，在手机上，除了底部弹出一个键盘外，结果相同：

这将解决滚动标题的问题：

if (window.cordova.plugins.Keyboard) {
        cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
        cordova.plugins.Keyboard.disableScroll(true);
    }

不幸的是，它也删除了“完成”按钮

我也有同样的问题，我想这是离子键盘插件？