问题标签 [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 回答
1037 浏览

javascript - 单击菜单项后,汉堡菜单返回 3 个链接

我有一个汉堡图标,单击时会变成 X。再次单击时会变回 3 行。我让它工作,所以当点击链接时菜单消失,但汉堡菜单不会返回到 3 行。我没有尝试过任何工作。这就是我所拥有的。

HTML:

这是我要解释的小提琴:jsFiddle

0 投票
0 回答
109 浏览

ios - iOS 上的左侧项目在 iframe 上变大

我在 iframe 内的移动网页中实现了一个简单的左拉式汉堡菜单。但是,它在 iPhone 上的行为很奇怪。我们将 Bootstrap 用于一般的页面布局和内容。

使用 WeInRe 我注意到了以下行为:在一个 320px 的 iframe 中width,如果我添加left: 50px到其中body的页面,它body会向左移动50px就好了,但也开始显示370px宽度,而不是320px和以前一样。
问题更严重:因为正确的left值是百分比,所以主体会获得更大的宽度,然后left重新计算,使菜单大于视口。

这里到底发生了什么?这是某种已知的 Mobile Safari 错误吗?

不幸的是,这个问题还没有公开可用的代码......

这是相关代码:

这是一个示例,基于教程中的一系列侧边菜单(单击左推或右推选项)。

0 投票
2 回答
846 浏览

android - Android导航抽屉不显示汉堡包

为什么我在 android 中的导航抽屉不显示汉堡包图标。我已经做了所有应该做的事情,但它仍然没有显示?

这是我的布局文件。

为什么图标汉堡不显示?

0 投票
3 回答
993 浏览

ios - how to get Hamburger icon in ios app

I am new to ios development, I should create ios app with Hamburger menu, my question is: is there a unicode for this icon, or should I use it as a picture.

0 投票
1 回答
1269 浏览

javascript - 汉堡菜单不起作用

我正在尝试了解汉堡菜单的工作原理。它不工作。我已经尝试添加“就绪功能”,也没有任何变化。我正在用脚本标签在 html 中编写 js 代码,我应该单独提及 js 代码吗?

0 投票
1 回答
9752 浏览

android - Unicode ☰ 汉堡包未在 Android 和 Chrome 中显示

我注意到我的汉堡菜单图标已停止在 Chrome for Android 中显示,而且,现在在 Android 浏览器中,我只是得到了丢失的图标图像。它仍然适用于所有桌面浏览器、Safari 和 Windows 手机浏览器。

我创建了一个测试页面来显示问题,包括在下面。我对此感到困惑,因为两个月前测试完成时它工作正常,此后没有任何更改或更新。我想知道是否有人有任何建议?最近发生了一些变化导致这种情况 - 我需要看看替代方法吗?

0 投票
2 回答
2416 浏览

java - Android汉堡/箭头图标动态改变颜色

我想更改导航抽屉的汉堡/箭头图标的颜色。我知道我可以更改它的样式,但我想在 java 中动态更改它。有人知道怎么做吗?

0 投票
3 回答
3359 浏览

android - 如何在Android中单击图标时打开侧栏?

我已经实现Hamburger了 barApp toolbar并且它们都工作正常。以下是toolbarhamburger栏的快照:

在此处输入图像描述

在此处输入图像描述

我可以通过滑动打开此栏,但我也想通过单击可绘制图标(右上角图标)将其打开。我怎样才能做到这一点?

主要活动

我不认为我需要对layout文件进行一些更改。我必须在MainActivity文件中添加什么才能使其成为可能?

我是Android代码新手。任何帮助都将是可观的。

0 投票
1 回答
168 浏览

android - 为什么我的 phongap 应用程序在 android 状态栏中显示一个汉堡包图标?

我不知道为什么我的 phonegap 应用程序在我的 android 状态栏上添加了一个图标。该图标就像一个汉堡包图标,有四个堆叠的水平直线,顶部的一条稍长,位于其他同等大小的左侧。看截图:

在此处输入图像描述

一些上下文:

  • 我正在使用Phonegap 构建
  • 屏幕截图是在运行 Android 版本 4.2.1的平板电脑(Asus Transformer Pad Infinity)上拍摄的
  • 也发生在我妻子的索尼 Xperia 智能手机上(3 个堆叠点)

在此处输入图像描述

你知道为什么会这样吗?我尝试在网上搜索“状态栏上的phonegap android hamburger icon”和类似的搜索,但请找到答案......

0 投票
1 回答
666 浏览

css - 菜单图标在 Chrome 中可见,但在 Android 的标准浏览器中不可见

菜单“汉堡包”图标在 Android 的标准浏览器中不可见(在三星 S5 和三星 Note 2 上测试)。但它确实出现在 Chrome 中,并且一切正常。

使用 svg 图标。

在 responsive.css 中的代码下方。

哦,在我忘记标准浏览器中的整个右侧是可点击/可点击之前。因此,无论您点击哪里(只要它在屏幕右侧),都会出现菜单(抽屉)。

我似乎无法解决这个问题。