jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了操纵jQuery Mobile Footer的定位大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个问题已被查看,但没有答案或评论,所以我想我会尝试简化我的问题.对于那些对我的整体问题感到好奇的人,请看链接Persistent header in jQuery Mobile

@H_403_8@

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

@H_403_8@

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

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

解决方法

我有一个类似的问题.

@H_403_8@

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

代码说明一切:@H_403_8@

@H_403_8@

<style> 
.footer-wrapper {

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

然后@H_403_8@

@H_403_8@

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

通过这种方式,你可以自由地移动页脚包装器(就像所有其他普通div一样,不是由jQuery Mobile的css管理),例如,在你的情况下,你必须删除底部:0px;属性并将其更改为top:-header的height-px;@H_403_8@

我希望它有所帮助!@H_403_8@

大佬总结

以上是大佬教程为你收集整理的操纵jQuery Mobile Footer的定位全部内容,希望文章能够帮你解决操纵jQuery Mobile Footer的定位所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。