尝试将汉堡菜单图标固定在左侧，并且在打开汉堡菜单时保持不动

文章/答案/技术大牛

发布

2回答

javascript、html、css

我一直试图让我的网站上的汉堡图标在汉堡菜单打开时保持不动，但我在将其固定在页面左侧时遇到了问题。我试着通过放入position: fixed来修复它，但这不起作用。我认为这个问题可能是由于这一行： <div id="main"> <button class="openbtn" onclick="openNav()"&

浏览 19提问于2020-07-08得票数 0

回答已采纳

1回答

切换带有链接的菜单图标

jquery

我有一个汉堡包图标，动画到一个x，当点击回来，这反过来激活了一个幻灯片菜单。单击菜单中的链接时，菜单关闭，页面滚动到相关部分。然而，菜单图标则保持在"x“状态。当其中一个链接被点击时，我想切换"x“返回汉堡包状态。动画通过css控制。点击右边的汉堡包菜单图标，打开滑出菜单。当单击菜单

浏览 2提问于2016-03-27得票数 0

1回答

修复引导下拉菜单的行为

javascript、jquery、html、css、twitter-bootstrap

请在以下位置查看菜单的html代码：菜单出了点问题，我不知道该怎么修。当视区较小时，移动菜单(汉堡包菜单)和用户图标将根据需要显示在右上角。但是，当移动/汉堡菜单紧跟在用户图标图像之后单击时，移动菜单不会关闭，并保持打开状态。这会导致糟糕的用户体验。当用户图标图像紧跟在移动菜单之后时</e

浏览 15提问于2017-08-17得票数 0

回答已采纳

2回答

带UI Bootstrap的AngularJS -单击导航项目时自动折叠菜单

angularjs、twitter-bootstrap、bootstrap-ui

p=preview 当您单击汉堡菜单图标并选择导航项目时，菜单将保持打开状态，直到您再次单击汉堡图标。当菜单项被选中时，有没有自动折叠的好方法？isNavCollapsed;">Link 1</a></li> 它可以工作，但在不处于移动模式时(在更宽的屏幕上)将触发导航菜单</e

浏览 15提问于2019-05-10得票数 0

2回答

当IsGestureEnabled设置为false Xamarin.Forms Android时，MasterDetailPage母版页无法打开

c#、android、xamarin、xamarin.forms

打开主页的标准方法是选择汉堡菜单图标或从左侧滑动。我的一个详细信息页面恰好使用了旋转木马页面。因此，从左侧滑动可以打开母版页或向左滑动旋转木马(如果发生错误的事件，则相当恼人)。为了阻止母版页从左侧滑动时出现，我将IsGestureEnabled设置为false。但是，这会完全停止母版页的显示。尽管它们在按下汉堡菜单图标时得到了触觉反馈，但它什么

浏览 1提问于2016-11-03得票数 6

0回答

Android汉堡箭头在新片段/活动上的过渡

android、android-animation、material-design、material-ui、hamburger-menu

我有一个活动A，并且在该活动上，我想创建一个新的活动B(如果需要，也可以创建一个片段)。在A上，我有一个汉堡图标，在B上，我有一个左箭头图标。当我从A创建B时，B是用左箭头图标创建的，但没有动画。我想在创建新活动时将汉堡图标变为左箭头图标，如下所示。它应该像android gmail应用程序一样工作。在Gmail应用程序中，当你进入收件箱菜单时，工具栏

浏览 6提问于2016-12-25得票数 1

3回答

Div在复选框上切换，但检测到在div外部单击关闭。

javascript、jquery、html、css、checkbox

我试着让我的汉堡菜单检测到，点击菜单外的时候(.NavMenu)，并将汉堡包复选框更改为未选中。我尝试过使用event.stopPropagation();并尝试检测文档中的点击，但我的javascript知识确实有限，所以我要么根本无法显示.NavMenu，要么在外面单击.NavMenu关闭，但汉堡包菜单仍然保持打开状态有人能帮我如何使菜单关闭时，点击外的div，也将</

浏览 5提问于2017-08-31得票数 0

回答已采纳

1回答

反应:点击链接时关闭汉堡包菜单

javascript、html、reactjs

我正在尝试实现以下场景当前，当用户单击汉堡包菜单时，用户将被导航到特定页面，但当用户在主页上单击菜单中的主页链接时，则汉堡包菜单将保持打开状态。我想关闭/隐藏/关闭菜单，即使用户在同一个页面上点击相同的链接。例如:如果用户在主页上并单击菜单中的主页链接，则菜单应关闭。

浏览 3提问于2017-10-23得票数 0

1回答

如何从Navigation.PushAsync中使用FlyoutPage？

navigation、maui、.net-maui

我想要的只是一个主页，在应用程序启动，有一个飞出菜单。在该“飞出”菜单中，有指向其他页面的链接。在这些页面上，它们应该有一个后退按钮，将您带回到主启动页面。MainPage，以及从“飞出”菜单中选择的任何选项。N

浏览 12提问于2022-10-25得票数 0

回答已采纳

1回答

带下拉菜单的响应式导航栏

javascript、jquery、html、css、responsive-design

这里有一个指向codepen：的链接，我在这里粘贴了我所有的代码，这样你就可以更好地理解我的意思，并尝试帮助我。所以一切都运行得很好，除了当我点击“汉堡包”图标时，导航栏下面应该会出现一个下拉菜单，它延伸到整个页面的宽度，在一列中有4个导航选项。这是一个我希望它在单击“汉堡包”图标时所做的事情的示例：编辑:下拉菜单现在可以像你在第一个代码链接中看到的那

浏览 7提问于2018-01-28得票数 0

1回答

然后将AppTheme的父颜色更改为Theme.AppCompat.Light，并将主色和次色更改为白色。然而，当我打开我的主要活动时，我注意到汉堡图标和溢出菜单图标比appbar中的黑色标题稍微亮一些，见左侧屏幕截图。然而，奇怪的是，当我转到第二个空白活动时，向上箭头和我放在导航栏中的任何其他图标都和标题一样黑。有人知道这个样式是从哪里来的吗?这样我就可以修改它了。我的代码显示在屏幕截图下面。我的主要目标是改变<e

浏览 7提问于2017-01-07得票数 2

2回答

下拉除桌面以外的任何设备上的子菜单项都不能工作。

jquery、css、twitter-bootstrap

我正在一个开发网站上工作：当我尝试在除桌面之外的任何设备上使用汉堡包菜单时，便会打开汉堡包菜单，但是当单击图标时，下拉菜单将关闭，但子项不会显示。我检查了开发人员的网站，他们没有使用下拉菜单。如有任何资料，将不胜感

浏览 6提问于2016-07-11得票数 1

回答已采纳

1回答

当用户在移动屏幕上单击菜单外部时如何关闭下拉菜单

html、jquery、css、bootstrap-4、user-experience

(请将浏览器的大小调整为移动屏幕大小) 当用户打开左边的移动下拉菜单时，他应该能够通过单击菜单的外部来关闭它，就像单击页面正文上的任何地方一样。目前，这只会在用户点击汉堡包图标时关闭。此外，目前，如果用户打开菜单，然后单击页面正文，然后返回单击汉堡包图标，因为单击页面无效，页面就会结冰，除非你点击屏幕很多次，否则你就无法滚动，因为垂直滚动条进来了，而且它有焦点(为移动用户创造了糟糕的体验我已经<em

浏览 3提问于2022-02-13得票数 0

回答已采纳

1回答

ActionBar MenuButton单击的处理程序

java、android、button、menu、onclick

在我的Android应用程序中，我尝试为右上角的菜单按钮(在操作栏上)设置一个onClick侦听器。按下按钮后，NavigationDrawer应会打开。(我在一个应用程序中看到了这一点。我不想打开菜单。DrawerLayout) findViewById(R.id.drawer_layout);} ...but当我按下按钮时什么反应也没有如果能帮上忙，我将非常感激。

浏览 5提问于2014-01-04得票数 0

1回答

是否有一种方式将菜单链接到该菜单链接的子菜单，并在选择的颜色，直到您按下另一个选项？

javascript、php、jquery、html、css

总之，我说的是有汉堡包的移动菜单。当您按下汉堡包lvl1菜单时(每个菜单项左侧有5px边框，每个菜单项都不同)，当您选择一个菜单项(比如"Papierbasteln")时，会打开lvl2或子菜单。我想知道如何将菜单项"Papierbasteln“放在lvl2 2/子菜单中，使其具有完整的背

浏览 2提问于2019-04-29得票数 1

回答已采纳

2回答

防止Gmail标签列表自动折叠

gmail

在Gmail的新UI中，是否有一种方法可以防止“标签列表”(Label List)或您所称的“标签列表”在不使用鼠标/触控板的情况下自动崩溃？这就是我的意思(这里显示的是崩溃)：这确实是最烦人的事情，我没有办法看到调整大小或关闭功能。它是最近才安装的。到目前为止，这些建议不起作用，或者与我在Gmail中看到的不相关。

浏览 0提问于2018-12-21得票数 8

1回答

当单击引导菜单图标时向上移动。

html、css、twitter-bootstrap、bootstrap-4

TLDR：我创建了一个简单的引导菜单，它可以在桌面上完美地工作。然而，在移动平台上，当点击菜单图标时，我会有这种奇怪的行为:它会向上移动几个像素，然后当菜单关闭时

浏览 0提问于2018-07-05得票数 3

1回答

处理单击SearchView的图标

android、android-toolbar、searchview

我的目标当你点击汉堡菜单时，它会显示菜单。除了菜单项结构之外，我不想使用其他任何东西(因此，我不想在片段的布局中实际添加SearchView )。我如何处理点击SearchView的汉堡<

浏览 0提问于2018-09-16得票数 1

回答已采纳

1回答

使用TB超级菜单，当我打开另一个子菜单时如何关闭一个子菜单？

theming、javascript、navigation

在台式机/笔记本电脑上一切正常工作，当我悬停在顶部的菜单项上时，相关的子菜单就会打开，当光标移开时，它会再次折叠起来。在狭小的屏幕/手机上，菜单在标题中折叠成一个汉堡包。当我点击汉堡包时，菜单会按预期显示，上面的(不可点击的)项目会出现。当我单击每个顶部的项目时，相关的子菜单项将再次出现。但是，当我单击另一个子菜单触发器<e

浏览 0提问于2021-04-07得票数 0

1回答

带有可折叠侧栏菜单的UITapGestureRecognizer Swift

ios、swift、cocoa-touch

我目前正在编写一个应用程序，其中包含一个主屏幕视图控制器和侧边栏菜单视图，这是在加载主屏幕时实例化，并在单击汉堡图标时打开。我正在尝试实现这样的功能:在菜单打开时在菜单外部单击将关闭菜单，并恢复主视图的正常功能，该功能在打开菜单时被禁用。menu.isMenuOpen { menu.showMe

浏览 6提问于2016-08-05得票数 0

回答已采纳

点击加载更多