Cordova 基于页脚点击在页脚中显示/隐藏导航栏

jqm 1.1.1和cordorva 2.0.0

我在页脚中捕捉点击，点击后切换导航栏的show（）/hide（）

到目前为止，我正在捕获点击，导航栏正在显示/隐藏，但当它显示时，它会将页面延长导航栏的高度。这一点不明显，但它使页面即使在导航栏隐藏后也可以滚动。（它只在页面底部添加一次导航栏高度。）

仅供参考，“点击切换”不是一个选项，因为它需要点击屏幕的ui内容部分，并且还有其他可点击的内容，这就是为什么我必须在页脚中捕捉点击

我如何才能不将该长度添加到页面底部，使导航栏更像是一个覆盖而不是一个扩展，或者如何删除隐藏（）上的额外高度

页脚代码如下所示：

<div data-role="footer" data-position="fixed" data-theme="b">
  <div id="menu" data-role="navbar" data-iconpos="top">
    <ul>
      <li><a href="#" data-icon="gear">Settings</a></li>
      <li><a href="#" data-icon="delete">Delete</a></li>
    </ul>
  </div>
  <h6>App Footer Text</h6>
</div><!-- /footer -->  

---

谢谢大家…

将此添加到显示区：

$('#menu').css('display', 'normal');

将其添加到隐藏块：

$('#menu').css('display', 'none');

这将从dom中删除div，因此现在菜单显示/隐藏并看起来应该。。。您可以将其绑定到任何事件，包括菜单按钮（我已将其绑定到菜单按钮和页脚内的点击）

$('#menu').css('display', 'none');