data-position="fixed" 是否适用于除页眉和页脚以外的 div答案

【问题标题】：will data-position="fixed" work for divs other than header and footerdata-position="fixed" 是否适用于除页眉和页脚以外的 div
【发布时间】：2012-12-26 22:55:18
【问题描述】：

我有一个 div(phone-no) 需要修复，它就在页脚上方。当我们调整窗口大小时，用户必须能够看到“phone-no” div。这是image，上面写着“免费试用”的蓝色条是固定条，下面的条是页脚。

当我在页眉和页脚上尝试 data-position="fixed' 时，它似乎可以工作。但在这方面不行。有什么见解吗？？link to the page

【问题讨论】：

如何将您的 DIV 的 HTML 结构添加为 data-role="footer" 元素的子元素，然后像这样给它 CSS：position : absolute; top : -20px; height : 20px; 这将始终使元素保持在页脚上方。

标签： jquery-mobile

【解决方案1】：

尝试将此代码放入准备好的文档中，它会在单击和滚动时禁用消失

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

祝你好运

【讨论】：

【解决方案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>(888)444-8901</li> 
            </ul> 
        </div>
    </div>

</div>

【讨论】：

问题是我有一个单独的页脚。这个电话号码不能写在页脚