是否有任何方式,牢记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也写了一个很好的插件,你可以在这里找到:
jQuery Mobile在iScroll插件中
http://yappo.github.com/projects/jquery.mobile.iscroll/livedemo.html
希望你找到答案!
An answer update
现在可以使用data-position =“fixed”属性将页脚元素保留在底部。
文件和示范:http://view.jquerymobile.com/master/demos/toolbar-fixed/