大佬教程收集整理的这篇文章主要介绍了操纵jQuery Mobile Footer的定位,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
@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@
<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,请注明来意。