操纵jQuery Mobile Footer的定位

Question

我有一个问题已被查看,但没有答案或评论,所以我想我会尝试简化我的问题.对于那些对我的整体问题感到好奇的人,请参阅jQuery Mobile中的链接:持久标题

无论如何,我的问题是如何强制JQM页脚位于顶部而不是底部？这是JQM页脚的代码.它在页面转换过程中保持良好状态,但它位于页面底部,我需要它在头部:

<div data-role="footer" data-position="fixed" data-id="navBar" id="navigationBar">
    <img src="images/bgheader.png" />
</div>

我已经开始考虑用Sencha重建它,但由于我有明天的截止日期,我认为这不可行.此持久性标头是目前唯一缺少的(当页面由于某种原因转换时,JQM标头不会停留).

Answer 1

我有类似的问题.

在我的情况下,我希望页脚完全停留在页面的底部,所以我将页脚div包装到一个新的div中,位于我需要的位置.

让代码说明一切:

<style> 
.footer-wrapper {

    position: absolute;
    bottom: 0px;
    width: 100%;
}
</style>

然后

<div class='footer-wrapper'>
    <div data-role='footer' >
        footer content blah blah blah
    </div>
</div>

通过这种方式,您可以自由移动页脚包装器(如同其他所有普通div一样,不受jQuery Mobile的css管理),在您的情况下,您必须删除该bottom: 0px;属性并将其更改为top: -header's height-px;

我希望它有所帮助!