jquery - 阻止页眉页脚丢失位置 :fixed with click - 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中看到问题单击 body 的任何部分并滚动。您会看到它在屏幕上不再固定。

请帮忙......

Answer 1

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

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