-1

当在 jquery 中触发文本字段 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>

在此处输入图像描述

4

1 回答 1

-1

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

#page1Header{
position:absolute !important;
top:0;
left:0;
right:0;
}
于 2013-09-11T14:11:51.227 回答