jquery-mobile - 没有滚动条时隐藏页眉和/或页脚

Question

在 jQuery Mobile 文档中，我找到了以下代码：

$("[data-position='fixed']").fixedtoolbar('show');
$("[data-position='fixed']").fixedtoolbar('hide');
$("[data-position='fixed']").fixedtoolbar('toggle')

这样做的目的是隐藏或显示页面的页眉和/或页脚。

经过一些测试和实验，我发现只有当页面上的内容足够大以在页面上获得垂直滚动条时，此代码才有效。

对于我的项目，我需要能够隐藏和/或显示没有滚动条的页面的页眉和页脚（因为没有足够的内容，或者因为自定义滚动条插件）。有谁知道如何使用最少的额外 CSS/JavaScript 来实现这一点？谢谢你。

Answer 1

     $("div:jqmData(role='footer')").show();
     $("div:jqmData(role='footer')").hide();

或者简单地使用页脚的 id 并使用 .show() 或 .hide()

希望它有所帮助