Question

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

当我在页眉和页脚上尝试data-position =“fixed”时，它似乎有效。但不是这个。任何洞察力？link to the page

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>(888)444-8901</li> 
            </ul> 
        </div>
    </div>

</div>

将数据位置=“固定”工作除页眉和页脚之外的div

2 个答案: