jquery mobile - 将数据位置= "fixed"适用于页眉和页脚以外的 div

Question

我有一个div（电话号码）需要修复，它就在页脚上方。当我们调整窗口大小时，用户必须能够看到"电话号码"div。这是一张图片，蓝色的栏上写着"免费试用"，是固定的栏，下面的栏是页脚。

当我在页眉和页脚上尝试data position="fixed"时，它似乎有效。但在这个问题上无效。有什么见解吗？？链接到页面

Answer 1

尝试将此代码放入文档中，当点击和滚动时，它将禁用消失

$("[data-role=header]").fixedtoolbar({ tapToggle: false });
$("[data-role=footer]").fixedtoolbar({ tapToggle: false });

祝好运

Answer 2

实时示例：

• http://jsfiddle.net/zD5RU/4/
• http://jsfiddle.net/zD5RU/8/（更多内容）

HTML:

<div data-role="page" data-theme="b" id="jqm-home"> 
    <div data-role="header" data-position="fixed"> 
        <h1>Header</h1> 
        <a href="#" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a> 
    </div>
    <div data-role="content"> 
        <p>Content</p>
    </div>
    <div data-role="footer" data-id="foo1" data-position="fixed"> 
        <div data-role="navbar"> 
            <ul> 
                <li></li> 
                <li></li>
                <li>Footer</li>
                <li></li> 
                <li>[phone]</li> 
            </ul> 
        </div>
    </div>
</div>