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

时间:2012-10-04 14:54:09

标签: jquery-mobile

在jQuery Mobile文档中,我找到了以下代码:

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

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

经过一些测试和实验后,我发现只有当您网页上的内容足够大,才能在页面上显示垂直滚动条时,此代码才有效。

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

1 个答案:

答案 0 :(得分:1)

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

或者只是使用页脚的id并使用.show()或.hide()

希望有所帮助