在jquery中触发textfield onfocus事件时，标头不固定

Question

当在jquery中触发textfield onfocus事件时，标题正在向上/向下移动，即使我对标题使用了data-position =“fixed”。任何人都可以帮助如何在onfocus和onblur调用时修复标题？

这是html代码。

我需要将列表视图滚动到上部然后我点击标题上的右键，一个弹出窗口将会出现。如果我选择该弹出式键盘上的文本将会出现，标题将向下移动到屏幕截图下方。

<div data-role="page" id="page1" style="background: rgb(25,7,7); position:absolute;left:0px;height:100%;width:320px;background-repeat:no-repeat">
    <div data-role="header"  id="page1Header" data-tap-toggle="false" data-position="fixed" style="height:46px;background:rgb(25,7,7);top:-1px">
        <img src="Images/add_btn@2x.png" id="addCategory" class="muncul"  style="position:fixed;height:25px;width:25px;right:10px;top:7px;"/>
    </div>
    <div  data-role="content" >
          <ul data-role="listview"  id="listTable" class="mainList" style="border:none;margin-top:-15px"></ul>
    </div>
    <div id="target" data-position="fixed" data-scroll="false" style="background: url(Images/popup_bg.png) no-repeat;background-size: 167px 91px;margin-left:5px">
         <input type="text"  id="adddescriptionName"  placeholder="Enter Category Name"  style="background:rgba(218,218,218,1);height:32px;width:153px;margin-top:15px;border-radius: 3px;" />
         <img  id="addSaveButton" src="Images/save_btn@2x.png" style="width:154px;background-size: 154px 29px;margin-top:1px;" />
    </div>
</div>

Answer 1

您可以尝试将标题的位置设置为绝对而不是固定。

#page1Header{
position:absolute !important;
top:0;
left:0;
right:0;
}