iOS 定位问题

Posted 2023-03-15

【中文标题】iOS 定位问题

【英文标题】：positioning issue on iOS

【发布时间】：2013-02-11 05:28:59

【问题描述】：

我正在为我的 ios 应用程序使用 jquery mobile-1.2.0 和 cordova-2.1.0。在 iOS 模拟器上一切正常，但如果我在 iPhone 上运行应用程序，那么当我转到特定页面时，标题下方的内容会出现，然后设置为其定义的位置。为什么会这样？

从 login.htm 页面我使用$.mobile.changePage('menu.htm', transition: "slide"); 转到 menu.htm，下面是 menu.htm：

<div data-role="content">    
    <ul data-role="listview" id="mainMenu">        
        <li style="height:50px">            
            <a href="LeadScreens/leadHome.htm" data-transition="slide" id="leadsLink">                
                <img src="images/leads.png"  class="ui-li-icon"/>
                Leads                
            </a>            
        </li>        
        <li style="height:50px">            
            <a href="abc.htm" data-transition="slide" id="activitiesLink">                
                <img src="images/activities.jpg"  class="ui-li-icon"/>
                Activities                
            </a>            
        </li>        
    </ul>    
</div>

【问题讨论】：

如果你能在这里发布一些代码会很好..

从 login.htm 页面我使用 $.mobile.changePage('menu.htm', transition: "slide");以下是 menu.htm 线索 活动

你给 在 menu.htm 标记中？

我在 menu.htm 中这样使用

您希望它看起来如何，它实际上看起来如何？请说明区别。

【参考方案1】：

底部有一个额外的</div>。这可能是问题所在。

【讨论】：

@Justin 不，

不是问题。实际上 是页面 div。

jsfiddle.net/vXv4w/4 这是 login.htm 按钮单击后我指的是 jsfiddle.net/WNvB4/1 这是 menu.htm 使用幻灯片过渡。同时从 login.htm 滑动到 menu.htm 的一半列表项“菜单 1”位于“标题”下方，然后到达原始位置。

这个问题是因为header的高度。我已经固定了header的高度，如果我去掉固定的高度就不会出现这个问题但是我想增加header的高度怎么办？跨度>