在IOS中使用DOJO 1.10.3进行键盘弹出后，页眉和页脚会改变它们的位置

Question

我们用 DOJO 1.10.3 开发混合移动应用程序。

在此应用程序中有一个标题和页脚，所有环境 除了IOS（iphone）环境之外会很好我们遇到一个问题，即

我们希望在 android，windows和Blackberry 标题（顶部）和页脚（向下）<修复页眉和页脚 / strong>已修复但iphone它的未修复和内容也上升且可见当我在输入字段，文本区域等中给出一些值时，状态栏中的文本（电池，信号和时间屏幕）

我的要求已修复，无法滚动标题，也无法在状态栏中显示任何文字（电池，信号和时间屏幕）。

请为此问题提供任何帮助

  

CSS代码

.qHeaderBg h1 {
    height: 42px;
    border-top: 2px solid rgba(106, 106, 106, 1.0);
    border-bottom: 2px solid rgba(106, 106, 106, 1.0);
    display: table;
    line-height: 0px;
    vertical-align: top !important;
    top: 0px !important;
    width: 100%;
    position:fixed !important;
}

.qHeaderBg h2 {
    background: rgba(160, 32, 64, 1.0);
    height: 44px;
    border-top: 2px solid rgba(106, 106, 106, 1.0);
    border-bottom: 2px solid rgba(106, 106, 106, 1.0);
    vertical-align: bottom !important;
    bottom: 0px !important;
    width: 100%;
    position:fixed !important;
}

.qHeaderBg label {
    margin: 12px 8% 5px 7%;
    width: 85%;
    font-weight: bold;
    font-size: 14px;
    color: rgb(102, 102, 102);
    display: block;
}

.qHeaderBg input {
    margin: 0px auto 0px auto;
    font-size: 12px;
    font-weight: bold;
    text-indent: 10px;
    color: rgba(23, 82, 117, 1.0);
    display: block;
    width: 85%;
    height: 34px;
    border: 1px solid rgba(204, 204, 204, 1.0);
    border-radius: 0px;
    background-color: white !important;
    outline: none !important;
}

.qHeaderBg input[type="email"] {
    font-family: Times New Roman;
}

input:focus {
    border: 2px solid rgb(254, 207, 23);
    background-image: none;
}

.button {
    font-weight: bold;
    margin: 18px auto 0px auto;
    display: block;
    width: 85.5%;
    border: 1px solid rgb(204, 204, 204);
    height: 35px;
    font-size: 14px;
    line-height: 2.4;
    border-radius: 7px;
    outline: none;
}

.marginBottom {
    margin-bottom: 55px !important;
}

  

HTML代码

<div id="Login_en_View" class="qHeaderBg englishFont"
        data-dojo-type="dojox.mobile.View">


<div data-dojo-type="dojox.mobile.ScrollableView" id="Login_en_View_Id"
    data-dojo-props="selected:false" >



    <h1 class="ui-title" id="Login_en_View_Header" data-dojo-          type="dojox.mobile.Heading"b data-dojo-props="fixed:'top'">
    </h1>


    <div id="Login_en_View_DivId" class="ui-content" data-role="content">

        <div class="errorMsg englishFont" id="Login_en_View_Error"></div>

        <div class="successMsg englishFont" id="Login_en_View_Success"></div>

        <label id="Login_en_View_Mno_lbl"></label> 
            <input id="Login_en_View_Mno_txt" class="clearFields englishFont"
                data-dojo-type="dojox.mobile.TextBox" onKeyDown="if(this.value.length==13 && event.keyCode != 8)return false;" type="number" min="0" inputmode="numeric" pattern="[0-9]*" title="Non-negative integral number"> 

        <label id="Login_en_View_Uc_lbl"></label> 
            <input id="Login_en_View_Uc_txt" class="clearFields englishFont" data-dojo-type="dojox.mobile.TextBox"
                onKeyDown="if(this.value.length==8 && event.keyCode != 8)return false;" type="password" min="0" inputmode="numeric" pattern="[0-9]*" title="Non-negative integral number">  

        <button id="Login_en_View_Sub_Btn" data-dojo-type="dojox.mobile.Button" class="englishFont button"></button>

        <button id="Login_en_View_Reg_Btn" data-dojo-type="dojox.mobile.Button" class="englishFont button"></button>

        <button data-dojo-type="dojox.mobile.Button" id="Login_en_View_Ruc_Btn"  class="englishFont button marginBottom"></button>

    </div>


          <h2  id="Login_en_View_Footer" data-dojo-type="dojox.mobile.Heading"
                data-dojo-props="fixed:'bottom'">
    </h2>  




</div>

</div>