html - 如何使用 jquerymobile 制作粘性页脚？

Question

我希望我的页脚始终贴在屏幕底部，除非有足够的页面内容填满屏幕在这种情况下，内容应该优先并将页脚推离底部（这样你就有了滚动查看）。

以下是所需行为的示例： http ://ryanfait.com/sticky-footer/

需要明确的是，我知道JQM 中的固定工具栏，它们不是我想要的，因为当有很多内容时它们会占用宝贵的屏幕空间。

Answer 1

我最接近的是以下CSS规则：

[data-role=footer] {
    bottom: 0;
    position: absolute;
    width: 100%;
}

如果您知道更好的方法，请发布答案！

Answer 2

可能您应该尝试在 JqMobile 中固定全屏或非全屏但固定页眉和页脚...

在 jqMobile 中，添加了此功能，对于 webapp 开发人员来说，这是其中最有活力的功能。

看看吧。。

固定工具栏：JqMobile

您还可以通过添加类来为空间问题应用自定义 css ...

Answer 3

我最好的解决方案：

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

希望这可以帮助。