Question

我在Cordova -3应用程序中使用jquery mobile。页眉和页脚具有data-position:fixed属性的简单页面。

<div data-role="page" id="myPage1">
    <div data-role="header" data-position="fixed">
        <h1>Page 1 header</h1>
    </div>


     <h1>Page 1</h1>
     <h1>Page 1</h1>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <div data-role="footer" data-position="fixed">

        <h1>Page 1 Footer</h1>
    </div>
</div>

工作正常。但是，当我点击身体的任何空白部分时，页眉页脚会离开屏幕。我认为它失去了data-position:fixed属性。再次，如果我再次点击任何空白的地方页眉页脚返回固定。奇怪的行为。无论我在屏幕上触摸哪里，我都希望页眉页脚固定。

您可以在此JSFiddle中看到问题点击正文的任意部分并滚动。你会发现它不再是相对于屏幕固定的。

请帮助......

Answer 1

您必须将data-tap-toggle设置为false，如下所示：

<div data-role="footer" data-position="fixed" data-tap-toggle="false">
    <h1>Page 1 Footer</h1>
</div>

阻止页眉页脚丢失位置：单击修复 - Jquery Mobile

1 个答案: