使用jQuerymobile底部的CSS页脚

时间:2012-06-03 09:47:35

标签: css jquery-mobile footer

同样问题已成功解决here但使用jquerymobile

这里是脚本工作脚本,没有jQmobile
http://jsfiddle.net/ca11111/tCdPX/12/

现在只需添加jQmobile脚本和链接头标记:
http://jsfiddle.net/ca11111/tCdPX/13/

不起作用

2 个答案:

答案 0 :(得分:1)

jQuery mobile添加了一个包含类ui-page的页面包装器。它也需要css定义height: 100%;

将类ui-page添加到html和body的css defintion中:

html, body, .ui-page {
    height: 100%;
}

另见your updated example

答案 1 :(得分:0)

我最好的解决方案:

$(document).ready(function(){
    $("html, body, .ui-page").height($(window).height());
}

希望这有帮助。