如何隐藏顶部导航栏并在菜单中仅显示底部

Posted 2023-05-08

【中文标题】如何隐藏顶部导航栏并在菜单中仅显示底部

【英文标题】：How to hide top navbar and show only bottom's in mmenu

【发布时间】：2017-01-21 16:32:00

【问题描述】：

<script type="text/javascript">
  $(document).ready(function()
          $("#my-menu").mmenu(
                  navbars: ["position": "bottom", "content": ["<div>my       footer</div>"]        

          );
  );

在上面的代码中，我可以在mmenu上启用导航栏，但是它也启用了标题，我不想显示标题，那么如何只显示页脚？

【问题讨论】：

如果插件开发人员没有为此启用选项，那么“hack”解决方案是使用浏览器控制台获取标题元素的特定 div id 选择器，将其添加到您的 css并确保它既是display: none，也可能是height: 0px

【参考方案1】：

我认为您还需要传入导航栏对象（这是菜单默认标题的对象），并将 add 属性设置为 false，如下所示。

<script type="text/javascript">
  $(document).ready(function()
          $("#my-menu").mmenu(
                  navbar:  add: false ,
                  navbars: ["position": "bottom", "content": ["content]   
          );
  );
</script>

以下页面有一些工作示例：http://mmenu.frebsite.nl/documentation/options/

希望有帮助！