单击菜单时，汉堡菜单不会隐藏
是指在移动设备或响应式网页设计中，当用户单击汉堡菜单图标后，菜单不会自动隐藏起来，而是保持显示状态。
汉堡菜单是一种常见的移动端导航设计，通常以三个水平排列的平行线条图标表示。它的作用是在有限的屏幕空间中展示导航选项，以提供更好的用户体验。
汉堡菜单不会隐藏可能是由于以下原因：
- 缺乏交互设计：开发人员可能未添加相应的交互设计代码，导致菜单在单击后不会隐藏。这可能是一个错误或者意外的行为。
- 用户体验优化：有些网站或应用可能故意选择让汉堡菜单保持显示状态，以提供更直观的导航体验。这样做可以让用户更容易浏览和切换不同的菜单选项，而无需频繁点击汉堡菜单图标。
无论是哪种情况，开发人员应该根据具体的设计需求和用户体验考虑来决定是否让汉堡菜单隐藏或保持显示状态。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云移动开发平台：https://cloud.tencent.com/product/mpp
- 腾讯云服务器（云服务器 CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云数据库（云数据库 MySQL）：https://cloud.tencent.com/product/cdb
- 腾讯云人工智能（腾讯云 AI）：https://cloud.tencent.com/product/ai
- 腾讯云存储（对象存储 COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（腾讯云 TBaaS）：https://cloud.tencent.com/product/tbaas
- 腾讯云音视频处理（腾讯云 VOD）：https://cloud.tencent.com/product/vod
- 腾讯云物联网平台（腾讯云 IoT）：https://cloud.tencent.com/product/iot
- 腾讯云云原生应用引擎（腾讯云 TKE）：https://cloud.tencent.com/product/tke
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和项目要求进行评估和决策。
相关·内容
3回答
我正在创建一个汉堡包菜单，我使用JavaScript处理菜单的开关。下面是我的代码的样子：
const hamburger_menu = document.querySelector('.hamburger-menu');
const side_nav = document.querySelector('.side-nav');
hamburger_menu.addEventListener('click', () => {
side_nav.classList.toggle('open');
})
当单击汉堡包菜
浏览 18提问于2021-12-18得票数 0
回答已采纳
当我点击一个按钮时，我想要触发几个同时的动作。
在jQuery中，我使用toggleClass()来显示和隐藏汉堡。在单击上展开菜单，效果很好。我不能做的是同时触发另一个事件。例如，隐藏页面中的项。
我想要达到的行为如下：当我点击汉堡包时，菜单会展开并隐藏所讨论的项目。新的点击汉堡打开菜单并再次显示隐藏的项目。
我尝试了很多东西，但都没有成功。
帮个忙？
浏览 3提问于2022-02-23得票数 -2
我有一个网站，显示内容的基础上，在菜单列表中的项目。如果屏幕宽度太小，菜单就会被旋转和隐藏。此外，还会显示一个汉堡按钮。如果汉堡包按钮被激活(也是复选框)，菜单将被取消隐藏，内容被隐藏。
无论是内容还是菜单都不能访问汉堡包按钮后面的复选框，因为它们是汉堡按钮兄弟姐妹的孩子。
因此，如果选中了菜单项，则不会取消“汉堡”按钮，访问者需要再次单击“汉堡”按钮才能关闭菜单并查看内容。
不知何故，如果选择了不同的菜单项，或者单击了菜单项，我需要找到一个hack来取消“汉堡”按钮。
JavaScript还不是必需的，而且永远不会被使用。
我希望有人知道如何解决这个问题-我在这件事上毫无头绪.
浏览 5提问于2022-09-10得票数 -2
回答已采纳
1回答
我的汉堡菜单，当一个页面在移动设备上加载或在桌面上调整大小的浏览器窗口中加载时，每次加载页面时都会在屏幕上闪现。此时，汉堡按钮将不可单击-光标将更改为显示有一个按钮，但不会单击以打开菜单。 我已经查看了我的页面的wayback机器归档，其中的汉堡菜单运行良好，我认为可能是当前站点上的ut-mm触发器存在问题，因为样式被设置为显示:无，如下所示。 我不知道其他什么信息会有帮助--我真的不确定我在做什么。我有一个wordpress网站，并且已经删除了所有插件以及我添加到主题中的任何其他代码，但无法解决问题。我已经更新了jquery和bootstrap的版本，但这并没有改变任何东西。网站在这里：h
浏览 28提问于2020-09-10得票数 0
回答已采纳
在移动视图中，当您单击“关闭”图标时，会出现“汉堡包”菜单，用户单击它打开的图标。关门了。
我正在尝试允许用户单击菜单外部来关闭菜单。不幸的是，上面提供的JS代码允许用户单击站点上的任何位置，打开和关闭菜单。我不想这样，我只想当用户点击菜单外部的时候关闭菜单。
我怎样才能做到这一点？任何帮助都是非常感谢的。
document.querySelector('#bg-close').addEventListener('click', function() {
document.querySelector('.nav').classList.t
浏览 1提问于2021-08-29得票数 1
回答已采纳
1回答
我正在建立一个投资组合来展示我所创造的工作。它包括一些根据测试规范构建的来自FreeCodeCamp的小项目。我想包括这些测试，这样看代码的人就可以看到测试了。
当您将cdn脚本嵌入您的index.html文件中时，它们可以正常工作(即使react不希望外部力量操纵DOM)。这将安装一个可以爆炸的汉堡包菜单，你可以选择你想要运行的测试。注意到这个汉堡包总是被展示出来的。
但是，我不想总是有这个汉堡包菜单，因为我想显示的是页面的样式。我试图等待和插入脚本标签，直到按钮被按下。
我可以成功地显示和删除汉堡包菜单，如果我点击add，然后按顺序删除按钮，但我知道，当涉及到反应设计时，我做错了。这一点很
浏览 7提问于2022-02-04得票数 -1
在本例中：https://plnkr.co/edit/O9fbLcTV7QPvqB3FpiAA?p=preview 当您单击汉堡菜单图标并选择导航项目时，菜单将保持打开状态，直到您再次单击汉堡图标。当菜单项被选中时，有没有自动折叠的好方法？ 我试过了： <li><a href="#" ng-click="isNavCollapsed = !isNavCollapsed;">Link 1</a></li> 它可以工作，但在不处于移动模式时(在更宽的屏幕上)将触发导航菜单折叠动画。
浏览 15提问于2019-05-10得票数 0
2回答
我正在为我的角练习制作汉堡菜单(第13版)。
当我点击汉堡包图标时，它会隐藏并打开菜单(切换)，但我也想在点击其中一个元素后隐藏菜单(主页，关于我的工作)。
我计划的解决方案是，如果我单击其中一个nav类，就会隐藏nav__item类。
My Header组件：
Html:
<header>
<div class="logo">
<img src="assets/img/norberticon.png" alt="">
</div>
<button class="
浏览 1提问于2022-03-11得票数 3
回答已采纳
2回答
我想创建移动菜单。我想在桌面和移动屏幕上使用相同的菜单，但风格有点不同。在移动屏幕中，菜单被隐藏，但汉堡菜单被显示。当用户单击十字菜单时，它将关闭。这很简单。在桌面屏幕上，菜单一直显示。代码如下所示：
$('.hamburgermenu').on('click', function(){
$('.menu').fadeIn();
});
$('.close').on('click', function(){
$('.menu').fadeOut();
});
它可以正常工作，但css也可以管理可见性
浏览 3提问于2019-11-24得票数 0
当您将文档库站点的宽度缩小到996 in以下时，侧栏将成为导航栏中的汉堡菜单。
目标：我们想让汉堡菜单显示在所有页面上，而不管屏幕大小。
同时，当屏幕超过996px时，还应该显示侧栏。
备注：我们的登陆页面是一个反应页面，不应该有侧栏，但是我们需要它在导航栏中有汉堡菜单。
浏览 8提问于2022-06-08得票数 0
1回答
我有一个汉堡包图标，动画到一个x，当点击回来，这反过来激活了一个幻灯片菜单。单击菜单中的链接时，菜单关闭，页面滚动到相关部分。然而，菜单图标则保持在"x“状态。当其中一个链接被点击时，我想切换"x“返回汉堡包状态。动画通过css控制。
<div id="hamburger" class="slideout-menu-toggle">
<div id="nav-icon3">
<span></span>
<span></span
浏览 2提问于2016-03-27得票数 0
1回答
我在我的Xamarin应用程序中实现了一个汉堡包菜单，遵循微软关于如何使用XAML创建汉堡包菜单的正式示例，它工作得非常完美。下面是当前正在使用的代码。
<ContentPage
x:Class="MasterDetailPageNavigation.MasterPage"
Icon="hamburger.png"
Title="Personal Organiser">
<StackLayout>
<ListView x:Name="listVie
浏览 0提问于2019-01-04得票数 0
我有一个应用程序使用一个主详细信息页和导航页在其中。在Android上，当您通过汉堡包菜单导航到帐户页面时，导航栏将按预期保持在屏幕的顶部，这样您就可以使用它导航了。在iOS上导航栏消失了，所以我创建了一个带有汉堡菜单图标的定制栏。当有人点击自定义导航栏上的图标时，我希望汉堡菜单从左边滑动。
我在汉堡图标上附加了一个手势识别器，但是我不知道在调用的方法中加入什么来让它执行滑动动作。
第二页的Nav栏：
<StackLayout IsVisible="{Binding _isiPhone}" Orientation="Horizontal" Backgrou
浏览 5提问于2016-11-22得票数 0
回答已采纳
1回答
我的导航链接水平显示在桌面/大型设备上，我刚刚为手机创建了一个汉堡包菜单。问题是，我使用react钩子在单击图标时切换汉堡移动菜单上的链接，因此只有在菜单打开时才会显示链接，因此链接现在在较大的设备上隐藏，而不是水平显示。基本上，导航项目由移动汉堡包菜单控制，即使在桌面上，它们也应该始终显示。 如何切换移动汉堡包菜单的链接，同时保持链接显示在较大的设备上？谢谢! Navbar.js const Navbar = ({ history, match }) => {
const [openNavbar, setOpenNavbar] = useState(false)
return
浏览 11提问于2020-10-13得票数 2
回答已采纳
1回答
我在设计汉堡包菜单和让汉堡包菜单出现在jQuery上有问题。
下面是我到目前为止拥有的jQuery：
$(document).ready(function(){
$('.hamburger-box').on('click', function(){
$('.navigation').toggleClass('burger-nav');
});
});
这是一个开始，但我不完全确定在这之后该如何进行。在使类可见后，我无法获得任何显示。非常肯定，我把类放在不正确的地方，我没有适当地考虑间距。
我这里
浏览 2提问于2016-06-05得票数 0
回答已采纳
1回答
当用户在移动设备上单击或轻击汉堡图标时，如何隐藏该图标？我假设我必须将它设置为display: none，但不确定如何使用JavaScript。别担心，为了易用性，我在手机的下拉菜单上有关闭按钮。有什么简单的方法可以做到这一点吗？我用谷歌搜索了一下，但什么也没找到。
浏览 3提问于2017-07-08得票数 0
回答已采纳
1回答
修复引导下拉菜单的行为
、、、、
请在以下位置查看菜单的html代码：
菜单出了点问题，我不知道该怎么修。当视区较小时，移动菜单(汉堡包菜单)和用户图标将根据需要显示在右上角。
但是，当移动/汉堡菜单紧跟在用户图标图像之后单击时，移动菜单不会关闭，并保持打开状态。这会导致糟糕的用户体验。当用户图标图像紧跟在移动菜单之后时，有没有办法关闭移动/汉堡菜单？
提前感谢您的宝贵时间。
丹
浏览 15提问于2017-08-17得票数 0
回答已采纳
我正在努力让它，当一个按钮被点击像一个开关，文本和它下面的所有东西都平滑地移动到它下面，而不是突然移动它。这方面的一个例子是bootstrap navbar汉堡包菜单。在移动视图中单击菜单时，菜单下的其余项目将平滑移动，以便为导航栏项目腾出空间。以下是代码片段中的代码。
let box = document.querySelector("#box");
let seconddiv = document.querySelector("#seconddiv");
box.addEventListener("click", myfunc);
fun
浏览 0提问于2018-03-23得票数 0
1回答
我正在尝试实现以下场景
当前，当用户单击汉堡包菜单时，用户将被导航到特定页面，但当用户在主页上单击菜单中的主页链接时，则汉堡包菜单将保持打开状态。我想关闭/隐藏/关闭菜单，即使用户在同一个页面上点击相同的链接。例如:如果用户在主页上并单击菜单中的主页链接，则菜单应关闭。我怎样才能做到这一点
onLinkClick(){
this.props.onItemClick(this.props.name, this.props.link);
}
onItemClick: () =>{
};
<SomeDiv onClick = {this.onLinkClick} link=
浏览 3提问于2017-10-23得票数 0
当以移动网站的形式查看网站时，有没有一种方法是，当您单击汉堡按钮时，nav菜单会覆盖整个屏幕。
目前，按下汉堡包按钮会暴露出大约50%的nav菜单
浏览 0提问于2016-11-16得票数 0
我有一个活动，其中包含一个片段，它显示了一个设置列表。单击列表项时，执行片段事务并显示详细片段。另外，汉堡包菜单项被转换为后箭头(home as up)。
在调试APK中，这是非常完美的。然而，在发行版中，汉堡包菜单没有转换为后箭头，而是保持不变。当单击详细片段中的“汉堡包”菜单按钮时，该片段将按预期的方式被删除。唯一的问题是后箭头的显示，它没有显示在发行版中使用Proguard。
浏览 1提问于2017-09-13得票数 1
回答已采纳
1回答
我有一个汉堡菜单图标，它在我的标题中作为侧边菜单的切换按钮。因为我已经实现了一个侧边菜单，所以当我从具有标题的首页转到其他页面时，如果我返回到首页，导航图标将获得带有display:none的类hide。既然我确实想要呈现汉堡菜单，我想知道如何避免这种情况？
浏览 1提问于2016-07-12得票数 0
我正在尝试创建一个响应性导航工具栏(使用和)。我想要创建一个导航条，它折叠成一个响应性的垂直列表(类似于)，以便在移动时出现一个汉堡包菜单，并通过单击汉堡包图标来显示和隐藏垂直列表。
我已经创建了一个工具栏()，但是当我缩小显示的大小以激活响应性工具栏时，汉堡包菜单不会展开以显示路由器链接。类似地，路由器链接不激活(我怀疑锚标记被v覆盖)。
HTML (Pug)
div#app
nav
v-toolbar
v-toolbar-title
router-link.nav-item(to="/") Mysite
v-spacer
浏览 3提问于2017-11-28得票数 2
回答已采纳
1回答
我有一个Navbar组件，在这里我创建了一个汉堡包菜单，当我点击汉堡包菜单时，我想要显示菜单组件，它是一个单独的组件。
我是通过道具来分享数据的。
但是，当您单击容器外部或单击链接时，我希望菜单消失。
单击外部容器可以使用npm包react-outside-click-handler，但是当我单击链接时，我的菜单不会关闭。
这就是我目前的情况
//肚脐
export default function Navbar() {
const [hamburgerOpen, setHamburgerOpen] = useState(false);
const toggleHamburger =
浏览 1提问于2021-12-21得票数 2
回答已采纳
2回答
引导导航栏切换与下拉菜单不同步
、、、、
我制作了我自己的汉堡包动画基于这个代码：
由于我更喜欢动画的速度有点慢，所以我设置：
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
它工作得很好，我有一个汉堡包按钮，当我按下按钮时，我得到了一个单一形状的按钮，然后出现了肚脐下拉菜单；因此，当汉堡包折叠时，-按钮在下拉菜单上可见。然而，当我切换两次快，肚脐下拉菜单出现和停留，但按钮切换回一个汉堡包(所以按钮‘是不同
浏览 3提问于2015-10-13得票数 1
回答已采纳
我刚接触过Kotlin，对android相对缺乏经验，我解决了很多问题，但现在我真的被困住了。
所以，当我启动应用程序时，应用程序的抽屉菜单工作得很好，当我将其从侧面滑出时和单击汉堡包图标时都会打开。
我有两个菜单，一个是在应用程序启动时使用的，另一个是在成功登录后呈现给用户的不同项目。
到目前为止，我已经成功地替换了菜单，把它的项目链接到正确的片段，阻止汉堡成为一个箭头的背面导航。
现在，除了汉堡菜单之外，所有东西都正常工作，而不是打开抽屉。
有人知道我重新分配新菜单的文件中遗漏了什么吗？如果有意义的话，登录时会使用修改，所以withContext ( Dispatchers.Main )将
浏览 1提问于2020-12-27得票数 0
回答已采纳
4回答
宽度变化时隐藏元素
、、、
我有问题，因为当窗口宽度超过766 is时，我会尝试隐藏菜单。这是我的代码但不起作用
HTML
<div class="menu">
<div class="burger-menu">
<span></span>
<span></span>
<span></span>
</div>
<ul class="submenu">
<li>
浏览 12提问于2017-07-08得票数 0
回答已采纳
我对汉堡包菜单的DisplayMode有点困惑。我希望汉堡包菜单可以在正常和宽广的视觉状态下完全关闭。我尝试将VisualStateWideDisplayMode设置为Inline，它确实是内联的，但窗格无法打开。我打开窗格并单击导航到另一个页面，我希望它可以始终打开。我尝试将IsOpen设置为True，但没有任何效果。
如果我应该写一些触发器或使用另一种方式？谢谢你的帮助。
代码如下：
<Controls:HamburgerMenu x:Name="MyHamburgerMenu"
VisualSta
浏览 0提问于2016-12-21得票数 1
我喜欢在用户单击其图标时显示汉堡菜单中的菜单项，如果用户单击其他地方则再次隐藏菜单项。我的第一个(也是现在的)想法是这样的：
$('.brgIcon').on('click',function(){
$('.brgItem').slideToggle();
$('html').on('click',function(){
$('.brgItem').slideUp();
$('html').off('click');
浏览 11提问于2018-08-13得票数 0
单击汉堡包图标(左上角) 并选择显示在左边的汉堡包菜单可以向下滚动。
现在检查：单击相同的图标并尝试向下滚动汉堡包菜单，它不工作。
通过使用scrollBar: true初始化插件，我可以使所有东西都可以滚动，但我只希望菜单是可滚动的。有什么建议吗？
浏览 0提问于2014-11-25得票数 0
回答已采纳
1回答
我遇到了一个汉堡包菜单的问题...当我点击汉堡图标时，没有任何问题，打开和关闭都没有任何问题，而且当我点击链接时，我会被重定向到部分，菜单关闭，到目前为止没有任何问题。 但是，当我重新打开菜单并再次单击链接部分时，我的菜单不再想要关闭，并且我找不到原因，因为我设置了一个条件，它一定是在某个地方出了问题。所以请你能帮我理解一下。非常感谢。下面是我的代码： html： <header id="home" class="background-color">
<div id="logo">
<a href=
浏览 23提问于2020-12-29得票数 0
回答已采纳
3回答
我试着让我的汉堡菜单检测到，点击菜单外的时候(.NavMenu)，并将汉堡包复选框更改为未选中。
我尝试过使用event.stopPropagation();并尝试检测文档中的点击，但我的javascript知识确实有限，所以我要么根本无法显示.NavMenu，要么在外面单击.NavMenu关闭，但汉堡包菜单仍然保持打开状态(X)。
有人能帮我如何使菜单关闭时，点击外的div，也将触发复选框？
浏览 5提问于2017-08-31得票数 0
回答已采纳
2回答
我有一个“移动”菜单，在桌面版本上也可以看到：
点击“汉堡包”菜单触发整个包装div的不透明度。您可以在链接中看到效果。我想添加的只是另一个触发器，当菜单打开时，它将关闭菜单，不仅是再次单击汉堡包菜单，而且整个左边的菜单都是屏幕上的。
就像这样：
这是我在单击时触发的代码的一部分：
jQuery("#page-cover").css("opacity",0.6).fadeIn(300);
这会使它消退：
jQuery("#page-cover").css("opacity",0.6).fadeOut(300);
谢谢
谢谢
浏览 2提问于2015-05-18得票数 0
回答已采纳
我的应用程序功能是一个汉堡包菜单(三叠打开边菜单，见下文)。它大部分时间工作很好，但有时在设备上，以及在模拟器上，它会消失。
要使它再次出现，用户必须旋转屏幕，但它不能阻止汉堡包菜单再次消失。另一个屏幕旋转使它再次出现。
要清楚的是，当它发生时，没有办法打开边菜单，即使用户点击的位置，汉堡包图标过去。
这个问题很难重现，有时是串联发生，有时根本不发生(汉堡图标和菜单就在那里)。所以我在寻找解决问题的线索。
任何暗示都很感激，
浏览 2提问于2017-03-17得票数 2
回答已采纳
我做了一个汉堡包菜单，当我点击链接时，它就会关闭。还有一个徽标，当我点击汉堡包按钮时，它就会消失。该网页有一个移动版和一个没有汉堡包菜单的台式电脑版本。但我有个问题。在桌面版上，如果我点击链接，徽标也会消失。
我知道它这样做是因为单击后关闭汉堡包事件触发了它。但我不知道如何改变它才能让它更好地工作。
jQuery代码
const hamburger = document.querySelector('.hamburger');
const navLinks = document.querySelector('.nav-links');
const links =
浏览 0提问于2020-09-02得票数 0
4回答
嗨，伙计们，我只是个初学者，我想做汉堡包菜单。我已经做了一个汉堡包，但是当我想让jquery工作时，什么都没有发生。有人能看看我的代码并告诉我出了什么问题吗？
<script
src="https://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous">
$("#burger-men
浏览 0提问于2018-10-20得票数 0
回答已采纳
我使用的是bootstrap 3.3.7。默认情况下，直到屏幕宽度达到767px，汉堡包菜单才会显示。我需要让类似的行为发生得更快。
出于我的目的，下面的css将为我提供显示汉堡菜单的初始结果：
@media (max-width: 1197px) {
.navbar-header {
float: none;
margin-bottom: -16px;
}
.container-fluid {
padding-right : 0px;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
浏览 14提问于2018-08-06得票数 0
回答已采纳
3回答
好的，我试图创建一个符合风格的菜单中的子菜单，但是当我点击汉堡包按钮时，我的第二个子菜单默认也会出现。第一次点击汉堡包时，如何隐藏“清单2”？我的意思是，当点击汉堡包时，只显示“列表1”，而不显示“列表2”，直到单击“列表1”。
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(
浏览 2提问于2015-04-29得票数 0
回答已采纳
1回答
我一直在使用MasterPageDetail方法为我的Xamarin表单应用程序创建一个汉堡包菜单。菜单本身可以很好地工作，就像从Xamarin文档中获取的一样。我注意到，如果我在一个视图中创建一个指向页面的简单链接，那么汉堡包菜单和它的图标就会被一个后退按钮所取代。
我想知道的是，如何在内容页面中创建一个链接来显示我的汉堡包菜单，而不是显示一个后退按钮。从MasterPage中单击的任何链接都会将您带到腐蚀视图，但您仍然可以看到汉堡包菜单，如果您单击其中一个页面中的某个链接，那么您就会被带到页面上，但是使用后退按钮代替。这给我的用户带来了一种令人困惑的导航体验。
下面的代码演示了如何在刚才的
浏览 3提问于2017-05-18得票数 0
回答已采纳
1回答
桌面屏幕不错，但移动屏幕面临两个问题：
JSFiddle演示：
当我在移动屏幕上时，汉堡包菜单出现在中间，而不是右边，还有搜索按钮。应该是这样的：
当我单击“汉堡”菜单时，Search按钮消失并显示在可折叠菜单中。我希望它保持在下面的位置：
我做错了什么？请帮帮忙。我已经挣扎了好几天了！
浏览 4提问于2022-11-02得票数 0
回答已采纳
我有一个使用引导的网站。
当窗口缩小为移动时，Navbar菜单将正确地折叠到通常的汉堡包(3条)按钮上。
我的问题是，当我单击此按钮打开菜单时，它就会打开，但会立即再次崩溃。
浏览 3提问于2016-03-20得票数 30
回答已采纳
我的侧边栏菜单中唯一的东西是导航菜单，唯一使导航菜单独一无二的是链接到我的联系人表单。
我想删除我网站中的汉堡包侧边栏(移动桌面)菜单，并从浏览器窗口底部的粘性联系人菜单链接到我的联系人表单。
我可以使用PHP删除侧栏，但我更愿意避免这种情况，因为我希望保持我的内容管理系统模板文件的全部核心，但我也可以禁用CSS (display:none到侧栏，然后修复主要内容区域的边距)。
用CSS删除侧边栏会有问题吗？比如，SEO？它会被爬虫定义为“问题”吗？
浏览 0提问于2021-09-23得票数 2
1回答
我有一个菜单div，它被设置为当我的汉堡菜单被点击时显示。我不确定如何应用CSS / JS，它也允许我在单击打开/关闭时停止滚动。
目前，用户可以向下滚动并丢失汉堡关闭按钮，因为他们可以自由滚动。关于如何做到这一点，以及如何应用代码来表示我的汉堡菜单，有什么想法吗?例如：
<a href="#" class="burger w-inline-block" data-ix="burger-click-2">
<div class="burger-line-1"></div>
<
浏览 21提问于2017-12-24得票数 0
我知道有很多关于JS和检查元素是否有特定类的类似问题。我仍然有一个我不能解决的问题。我有一个导航汉堡，当点击(使用CSS和JS)时，它会转换为X，并打开一个下拉菜单。汉堡和下拉菜单仅在特定媒体查询中可见。因此，如果您通过单击汉堡包打开菜单，调整窗口大小使汉堡包和菜单消失，重新调整它的大小(汉堡包再次出现，但菜单不会显示，因为它会自动关闭)，汉堡包仍然显示为X，因为它不会更新。我注意到下拉菜单(我没有编写)有一个类分配给它，这取决于它是否打开。汉堡包动画也是如此。如果它有"is-active“类，则显示为X；如果没有，则显示为汉堡包。
现在，我想将汉堡与下拉菜单同步。因此，如果菜单分配了
浏览 15提问于2020-05-06得票数 1
回答已采纳
3回答
我想要一个非常简单的汉堡包菜单。我用jQuery来切换它打开和关闭时，当汉堡被点击。但是我希望用户在点击div或菜单之外的任何位置时都能关闭它。
是我写出来的。别介意造型。
我想用这样的方法
$(window).on('click', function(){
$('.responsive-menu').removeClass('expand');
})
但是加上这个，我甚至不能打开菜单。请帮帮忙。谢谢!
浏览 4提问于2017-08-18得票数 1
回答已采纳
在materialize CSS中，默认情况下汉堡菜单在左侧。我更改了CSS并在单击时将其变为right.But，侧边导航仍然从左侧滑出。我参考了文档，但没有找到正确切换菜单的类。我尝试过edge: right，但它不起作用。
我想让菜单从点击汉堡包图标的右边滑出来。提前谢谢你
浏览 1提问于2015-09-14得票数 1
我想在容器中显示汉堡包菜单下面的表单标题.currently汉堡包菜单出现在默认的表单标题.So你能帮我解决这个问题吗？提前感谢
浏览 1提问于2017-05-29得票数 1
如何在单击burger菜单时显示全页宽度下拉列表，同时仍然保留close函数(X)。(单击时下拉菜单和关闭汉堡菜单转换)
下面是汉堡菜单动画的JS函数。单击时使用悬停和关闭进行过渡。
$("#wrapper").hover(function() {
$(".menu").toggleClass("transition");
});
$("#wrapper").click(function() {
$(".transition").toggleClass("close");
});
浏览 0提问于2018-03-07得票数 0
1回答
我为小屏幕做了汉堡菜单。我让它为小屏幕工作，但如果菜单在使屏幕变大之前没有打开，那么菜单根本就不会显示。如果屏幕更大，我刷新页面，菜单将显示。如果屏幕到达媒体查询断点，我希望菜单实时切换。为了清楚起见，我想把完整的菜单显示在大屏幕上。
我使用JQuery显示/隐藏菜单。
var $hamburger = $('<button id="hamburger">☰</button>');
$("header").append($hamburger);
// 2. toggle nav with ico
浏览 1提问于2015-06-16得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
