操纵jQuery Mobile Footer的定位

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

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

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

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

我有一个类似的问题.

在我的情况下,我希望页脚完全停留在页面的底部,所以我将页脚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管理),例如,在你的情况下,你必须删除底部：0px;属性并将其更改为top：-header的height-px;

我希望它有所帮助！