我想在
Jquery Mobile中找到一个页脚,但这并不是固定的,而是始终位于页面的底部.
像这样：http://ryanfait.com/sticky-footer/(但在JQuery Mobile),不像标准的JQuery Mobile固定页脚.
有什么想法呢？
编辑：
基本的问题是,我似乎无法使用data-role = content的div来实际占据屏幕的全高.
解决方法
基本上,您只需要检查每个data-role =“content”元素的高度,以确保在header / footer / content-area中使用视图端口中的垂直空间.
例如：
$(document).on("pageshow",".ui-page",function () {
var $page = $(this),vSpace = $page.children('.ui-header').outerHeight() + $page.children('.ui-footer').outerHeight() + $page.children('.ui-content').height();
if (vSpace < $(window).height()) {
var vDiff = $(window).height() - $page.children('.ui-header').outerHeight() - $page.children('.ui-footer').outerHeight() - 30;//minus thirty for margin
$page.children('.ui-content').height(vDiff);
}
});
这是一个演示：http://jsfiddle.net/aBVtJ/1/
