如何隐藏一定大小的汉堡菜单？
隐藏一定大小的汉堡菜单可以通过CSS和JavaScript实现。
- 使用CSS： 首先，设置一个触发按钮，通常是一个具有三个横线的图标，代表汉堡菜单。
- 使用CSS： 首先，设置一个触发按钮，通常是一个具有三个横线的图标，代表汉堡菜单。
- 接下来，在CSS中设置该按钮的样式和位置，并定义汉堡菜单的隐藏状态。
- 接下来，在CSS中设置该按钮的样式和位置，并定义汉堡菜单的隐藏状态。
- 然后，使用CSS伪类:target来实现点击按钮时显示菜单。
- 然后，使用CSS伪类:target来实现点击按钮时显示菜单。
- 最后，在汉堡菜单中添加菜单项。
- 最后，在汉堡菜单中添加菜单项。
- 现在，点击触发按钮即可显示汉堡菜单。
- 使用JavaScript： 可以使用JavaScript来动态控制汉堡菜单的显示和隐藏。
- 使用JavaScript： 可以使用JavaScript来动态控制汉堡菜单的显示和隐藏。
- 然后，在JavaScript中编写toggleMenu函数来切换菜单的显示和隐藏状态。
- 然后，在JavaScript中编写toggleMenu函数来切换菜单的显示和隐藏状态。
- 现在，点击按钮即可实现汉堡菜单的显示和隐藏。
无论是使用CSS还是JavaScript，都能实现隐藏一定大小的汉堡菜单。具体选择哪种方法取决于你的项目需求和个人喜好。
相关·内容
1回答
因此，当宽度大于1024px时，我希望将汉堡菜单展开到页眉中。 我试着让它隐形或隐藏起来。但它要么禁用了菜单，要么当屏幕变小时，我在我的网站上获得了菜单的内容，而不是菜单本身 <style>
@media only screen and (min-width:1024px) {如果我给类一个id，它也不起作用，在这些to的情况下，它不会改变任何东西。如果给mdl-layout__drawer类另一个类，它就不能工作，当
浏览 13提问于2019-06-17得票数 0
我是Javascript/JQuery的超级新手，我很难弄清楚如何做到这一点。我想把它添加到我在课堂上工作的响应式网站。对于415px以上的屏
浏览 4提问于2019-04-09得票数 1
1回答
我有一个小导航部分，当你在移动设备上看到它时，我想把它换成汉堡包菜单。我有点不知道该怎么做。这是我的密码： <img className="store-page-logo" src={Logo} alt="logo
浏览 4提问于2022-08-10得票数 0
我对网页设计很陌生，现在面临以下问题:单击汉堡图标(单击菜单中的触发器，然后再次单击它以隐藏它)并调整窗口大小(我不希望它隐藏)，我的肚脐就消失了。以下是页面：1-打开链接3-点击图标触发隐藏导航菜单，并再次单击它以隐藏
浏览 3提问于2018-03-01得票数 0
回答已采纳
我有一个网站，显示内容的基础上，在菜单列表中的项目。如果屏幕宽度太小，菜单就会被旋转和隐藏。此外，还会显示一个汉堡按钮。如果汉堡包按钮被激活(也是复选框)，菜单将被取消隐藏，内容被隐藏。无论是内容还是菜单都不能访问汉堡包按钮后面的复选框，因为它们是汉堡按钮兄弟姐妹的孩子。
因此，如果选中了菜单项，则不会取消“汉堡</em
浏览 5提问于2022-09-10得票数 -2
回答已采纳
我有一个很少的链接的迷你菜单，在平板电脑和移动屏幕尺寸上必须隐藏，这是很好的我这样做与css和媒体查询，但我有一个不同的链接和正常的屏幕尺寸显示为展开的主菜单，但在平板电脑和移动设备上显示为隐藏的可点击汉堡包菜单我想在平板电脑和移动大小时，从迷你菜单的链接被隐藏，成为主菜单<
浏览 34提问于2020-04-04得票数 0
我有一个像顶级菜单的reddit。问题是项目太多了。如何添加一个汉堡包菜单，如果屏幕尺寸是x大小，但我不想把所有的项目都放入汉堡包菜单。只是菜单项不适合屏幕显示。如果更改屏幕大小，菜单将展开如下所示如果您将屏幕尺寸更改为较小尺寸，则所有项目都会隐藏在汉堡菜单中。
例如，在特定的屏幕尺寸上，如何将搜索
浏览 0提问于2015-09-18得票数 0
1回答
这是一个很难回答的问题，但我会尽我所能：我很好奇如何才能确切地阻止这件事。我擅长HTML和CSS，但对Javascript非常陌生。我使用的Javascr
浏览 3提问于2013-12-23得票数 1
如何通过代码将工具栏图标"3dots“更改为我自己的图像？我可以向主工具栏添加一个额外的图标： try {
icon = Image.createImage
浏览 28提问于2017-08-08得票数 1
回答已采纳
3回答
对于桌面浏览器大小，我在页面顶部有一个导航条，当浏览器缩小到移动大小时，它就变成了汉堡包菜单。由于菜单隐藏在移动大小，因此出于可访问性的原因，我认为菜单中的元素需要有tabindex=-1和aria-hidden=true的属性。从下面的CodePen中可以看到，一旦打开菜单，我就可以切换aria-hidden属性。
浏览 10提问于2021-06-03得票数 0
回答已采纳
我只想要一个汉堡包按钮，它可以像开始菜单一样打开，带有通用的项目图标，一旦选择了一个项目，无论窗口大小如何，它都会一直关闭到汉堡包按钮。我不想让导航菜单在边上变成只有图标的栏杆。基本上，我需要阻塞NavigationView的DisplayMode以保持在"Minimal“模式下，而不管窗口的大小。最小模式被定义为“只有汉堡按钮保持固定，而窗格根据需要显示和隐藏。”()
浏览 4提问于2018-05-25得票数 0
当我点击一个按钮时，我想要触发几个同时的动作。
在jQuery中，我使用toggleClass()来显示和隐藏汉堡。在单击上展开菜单，效果很好。我不能做的是同时触发另一个事件。例如，隐藏页面中的项。我想要达到的行为如下：当我点击汉堡包时，菜单会展开并隐藏所讨论的项目。新的点击汉堡打开菜单并再次显示隐藏的
浏览 3提问于2022-02-23得票数 -2
2回答
为某些分辨率添加元素
、、、、
我发现我在这类问题中可能不太清楚，所以我会尽量用两种格式来解释： 1)目前我正在研究我的网站的响应性和可用性。由于我的菜单在pc上看起来很好，但在移动设备上就不行了，所以我想使用导航栏，它只在智能手机上可见。我在W3Schools上找到了一些帮助，但它不允许我对不同的分辨率有单独的菜单。我怎么才能在我的html页面上添加一个在pc屏幕或平板电脑上不可见，但在手机上却可见的div？ 2)这就是我想要的:我想要两个<em
浏览 17提问于2020-03-28得票数 0
1回答
当屏幕宽度小于一定量时，我有一个菜单显示为汉堡包/抽屉菜单，当点击“汉堡包图标”时，我正在使用react在屏幕上滑动该菜单。我的问题是，<ul>就在反应弹簧的<animated.div>内部，所以当屏幕尺寸变宽，汉堡包/抽屉菜单被隐藏时，带有列表项目的<ul>就会被隐藏，我不希望这样，当屏幕变宽时，菜单就会正
浏览 1提问于2021-12-04得票数 0
回答已采纳
我有一个菜单，可以在桌面上看到，但隐藏在移动视图中。它可以通过一个汉堡包开关在手机上看到。(这似乎并不重要，也可能是人为的，但考虑一下用户将移动屏幕转向一边:他们会松开非移动菜单。)通过JS Fiddle，我附上了一个最小的工作示例。
浏览 0提问于2019-06-03得票数 1
回答已采纳
1回答
你好，我正在建立一个水平菜单，在最后几个层次(右侧)我有一个隐藏的汉堡。正如你所看到的，事实上，有一个汉堡包下拉菜单。它会被隐藏，但我把它展示出来解释。场景如果您调整窗口的大小以使其变小(宽度)，在某个时候，li会因为flex-wrap: wrap;而进入第二行。我的想法是，当更多的人不在第一排的时候，jQuery把它移到汉堡包里
<li id=&q
浏览 9提问于2022-09-14得票数 0
在git集线器的Windows 中，如何隐藏汉堡包菜单的最上面的部分，使页面标题蒙上阴影？
我怎么能让它看起来像这样？因此，当我打开菜单时，区段标题不会模糊。我试着使用页面标题的z索引，但没有效果。汉堡包菜单总是呈现在其他所有东西之上。
浏览 5提问于2016-05-01得票数 1
回答已采纳
1回答
我已经为我的离子5.0.0应用程序实现了侧菜单。在较小的设备端，菜单缩小到汉堡图标(工作正常)。我也希望在大屏幕上也有同样的行为，但不幸的是，在我的iPad (第6代)的横向模式中，菜单是完全可见的。有没有人知道如何将菜单隐藏在汉堡图标中(对于所有设备)。
浏览 2提问于2019-07-16得票数 0
回答已采纳
1回答
我有一些家庭作业的问题，所以我需要为一个学校项目做一个网站，而我的菜单导航栏不是移动响应的，我不确定如何修复它。有人能帮帮忙吗？我正在使用Bootstrap 3，这是我的代码。
浏览 1提问于2019-04-27得票数 1
1回答
我在我的Xamarin应用程序中实现了一个汉堡包菜单，遵循微软关于如何使用XAML创建汉堡包菜单的正式示例，它工作得非常完美。下面是当前正在使用的代码。</DataTemplate> </ListView>
在小型设备上，默认情况下汉堡包<e
浏览 0提问于2019-01-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
