css - jQuery 手机 : Stick footer to bottom of page

Question

有没有办法，牢记 jQuery Mobile 框架的运行方式，修复页面，使页脚始终与页面底部对齐 - 无论高度如何。

就目前而言，jQuery 页面的高度会发生变化，尤其是当设备从纵向旋转到横向时，因此解决方案必须考虑到这一点。

澄清一下 - 我不需要将页脚放在视口(viewport)底部，只是让默认页面高度不会低于视口(viewport)高度。

谢谢。

Answer 1

你可以在你的css文件中添加:

[data-role=page]{height: 100% !important; position:relative !important;}
[data-role=footer]{bottom:0; position:absolute !important; top: auto !important; width:100%;}  

因此页面数据 Angular 色现在具有 100% 的高度，并且页脚处于绝对位置。

Yappo 还编写了一个出色的插件，您可以在这里找到它:iScroll 插件中的 jQuery Mobile http://yappo.github.com/projects/jquery.mobile.iscroll/livedemo.html

希望你找到了答案!

An answer update

您现在可以使用 data-position="fixed" 属性将页脚元素保持在底部。
文档和演示:http://view.jquerymobile.com/master/demos/toolbar-fixed/