停止页眉页脚从松动位置:单击固定 - Jquery Mobile

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>