问题标签 [hamburger-menu]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
817 浏览

html - 三行图标/汉堡图标样式,如谷歌浏览器工具栏

嗨,我需要一些帮助来显示 google chrome 工具栏中的汉堡包图标。我使用 unicode 字符 ☰ 来显示图标,这很好,但我需要一些关于它的样式的帮助。esp - 当您将鼠标悬停在 chrome 上的图标上时,它会以边框突出显示。我附上了屏幕截图。

我想在我的应用程序中实现相同的风格。

这应该适用于 IE 8 及更高版本和谷歌浏览器。任何帮助将非常感激..铬汉堡图标

这是我尝试过的一些代码..

我无法实现它在 chrome 中完成的方式......

0 投票
1 回答
773 浏览

ios - 带有仅推送内容的导航栏的侧边菜单

我在实现这样的侧面菜单时遇到问题:

在此处输入图像描述

重点是架构。我试图弄清楚哪个组件将是AppDelegate' Windows rootViewController( UINavigationController/ UIViewController) (我知道那UINavigationController是 a UIViewContoller)。

我考虑了几个选项,但没有一个能完成我想要的工作。

主要问题是:

  1. NavigationBar应该留在原地(不要推到一边)
  2. 内容(没有导航栏)应该与侧边菜单一起推到一边

任何帮助都将受到欢迎。

提前致谢。

0 投票
1 回答
585 浏览

css - 在 iPad mini 上,Bootstrap 汉堡菜单不显示链接

对于大屏幕,汉堡菜单完美运行(将断点更改为 1200)。在手机上,菜单完美运行。

在 iPad 上,汉堡菜单显示正常,但是当您单击它时,选项不显示!请帮忙!!!谢谢你。

这是HTML

这是CSS.SCSS

谢谢你的帮助!

0 投票
2 回答
1439 浏览

android - 汉堡菜单旋转到新活动的箭头

我注意到,随着 Android 的最新 Gmail 更新,当您单击其中一封电子邮件时,会打开一个新活动(我假设它不是一个片段,因为返回箭头)。

然而,新活动的后退箭头并不仅仅像默认情况下那样显示。主界面的汉堡菜单在动画中旋转为箭头(请参见此处的视频:http: //material-design.storage.googleapis.com/publish/material_v_3/material_ext_publish/0B3T7oTWa3HiFbFRfT196SWRyS2s/animation_delightfuldetails_wellcrafted.webm

(注意:新打开的邮件可能是一个片段,因为工具栏没有改变并且默认的新活动动画没有播放。我不确定它是哪一个。)

澄清:我知道如何让汉堡菜单在按下/打开导航抽屉时变成箭头。事实上,我故意禁用了上述动画,因为它违反了规范。(见这篇文章:http ://www.androidpolice.com/2014/10/30/google-turns-design-inconsistency-ten-latest-round-navigation-drawers/ )。但是,我想知道在创建新片段/活动时是否可以使用相同的动画,无论 Gmail 可能使用哪个。

0 投票
4 回答
9713 浏览

android - 获取 Toolbar 的导航图标视图参考

我想在我的Toolbar(正在编写教程)中突出显示抽屉图标。为此,我需要它的位置。如何获得对抽屉导航图标(汉堡包)视图的引用?

0 投票
3 回答
1435 浏览

javascript - 我的动画汉堡菜单不起作用

我一直在为学校的一个项目创建这个应用程序,我只是想了解一下 jQuery。我在这里找到了一个很好的例子。我一直在尝试嵌入并用作滑块的菜单按钮。我无法让动画在点击时播放。

当我运行代码时它似乎在播放,但之后就没有了;它似乎也缺少一些元素。

这是我的代码,它也链接到一个 CSS 文件。

0 投票
1 回答
32042 浏览

android - 在 Android 中创建带有导航抽屉的汉堡菜单

我想在带有导航抽屉的android中创建一个汉堡菜单。我已经开发了它,但根据要求,菜单应该滑出基本片段而不是重叠。我想开发类似 facebook 使用的汉堡菜单之类的东西。

  1. 这就是我需要的:

  1. 这是我已经完成的:

任何帮助表示赞赏,谢谢。

0 投票
2 回答
1253 浏览

twitter-bootstrap - Bootstrap responsive menu not clickable

I am trying to fix a site written by someone else. Most things seem to work, except for the menus in responsive view. The "hamburger" button does appear, but it's not clickable. The CSS is kind of huge, and I don't quite know where to start.

JSFiddle

This is what a see in responsive view under that button:

Where should that data-target lead?

Also, please let me know if I need to add the contents of the JavaScript files to JSFiddle as well. They didn't seem relevant to me.

0 投票
1 回答
2842 浏览

javascript - 使汉堡菜单在菜单点击时消失

如果屏幕宽度小于 860 像素,我会出现一个 JS 汉堡菜单。从这个宽度开始,原始菜单变为堆叠布局,单击汉堡菜单图标时会滑出。单击汉堡菜单图标时,切换进出工作正常,但我希望它在用户单击菜单中的链接时自动消失。有没有办法做到这一点?

这是相关的 HTML:

这是相关的CSS:

这是我拥有的javascript:

0 投票
0 回答
248 浏览

android - 如何在操作栏上用汉堡菜单标题替换应用程序徽标

我已经尝试了很多,但直到现在还没有达到任何结果,我制作了一个汉堡菜单,我可以更改操作栏上的标题,但是对于第一个菜单,我需要显示一个我成功完成的图像,但是当我切换到汉堡包的其他片段时,我希望该图像被汉堡包菜单标题替换,当我应用图像时,标题不会显示在任何其他片段的操作栏上下面是我用于抽屉布局的 xml

我的 xml 用于在操作栏上显示图像

我的 NavigationDrawer 活动

我希望图像显示在 HomeFragment 和其他片段中的标题上 我正在使用 'com.android.support:appcompat-v7:22.1.1' 库作为操作栏,我希望我的搜索图像应该始终存在于所有片段中任何帮助非常感谢。谢谢