有什么方法可以牢记jQuery Mobile框架的操作方式来修复页面,以便页脚始终与页面底部对齐-不管高度如何。
按照目前的情况,jQuery页面的高度将发生变化,尤其是当设备从纵向旋转为横向时,因此解决方案必须考虑到这一点。
只是为了澄清-我不需要页脚位于视口的底部,而只是为了使默认页面高度不低于视口高度而工作。
谢谢。
您可以在CSS文件中添加此代码:
[data-role=page]{height: 100% !important; position:relative !important;} [data-role=footer]{bottom:0; position:absolute !important; top: auto !important; width:100%;}
因此,页面数据角色现在具有100%的高度,并且页脚处于绝对位置。
此外,Yappo还编写了一个出色的插件,您可以在这里找到:iScroll插件中的jQuery Mobile
希望你找到答案!
答案更新
现在,您可以使用该data-position="fixed"属性将页脚元素保持在底部。
data-position="fixed"