腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
3
回答
无响应Bulma导航
bulma
我正在使用Bulma,我需要使导航栏,无响应。我不想要汉堡菜单或者倒塌的导航。 我不知道如何做到这一点,但在文档中没有提到。 Bootstrap有一个你可以添加的类来支持这一点,是否可以使用Bulma?
浏览 0
提问于2018-06-05
得票数 2
3
回答
汉堡包菜单使用bulma on React不起作用
reactjs
、
react-redux
、
bulma
、
hamburger-menu
我是新来的反应。我想在我的头上做一个导航。我使用bulma css: "bulma": "^0.7.4", 我像这样导入bulma文件: import 'bulma/css/bulma.css'; 它适用于大多数css,但不适用于汉堡包菜单,当我单击汉堡包按钮时,菜单不会折叠。 以下是我的头代码: import React,{Component} from 'react' import {NavLink} from 'react-router-dom'; import style from './style
浏览 3
提问于2019-03-06
得票数 9
回答已采纳
1
回答
如何使肚脐汉堡菜单工作在小屏幕上,如iPhone使用角质和大疱?
css
、
angular
、
navbar
、
bulma
当我点击一个小屏幕上的汉堡菜单时,什么都不会发生。当然,它在大屏幕上工作得很好。我已经尝试过几种“导航条”配置。所包含的代码至少会编译。我定义了一个目标:class=“导航汉堡是活动的”数据-目标=“导航-菜单”和class=的id“导航-菜单”=“导航-菜单”,我遗漏了什么? <!-- logo --> <div class="navbar-brand is-large"> <a class="navbar-item" href="#"> <img src="asse
浏览 0
提问于2019-05-11
得票数 1
2
回答
Bulma -强制桌面上垂直的导航栏
html
、
css
、
navigation
、
bulma
与bulma我想创建一个网站,跟踪体育(棒球,篮球...网球,摔角),但是当我读到最后的时候(按字母顺序是摔角),有太多的项目(从左到右水平排列),导航栏无法在桌面上正确显示。所以我想我可以使用菜单(垂直导航),但它不能在移动设备上给我一个汉堡图标或任何类似的东西。我使用了菜单示例。我想通过媒体查询在移动设备上使用导航栏,在桌面上使用菜单,大致是这样的 /** mobile **/ @media (max-width: 768px) { .menu { display: none; } } /** desktop **/ @media (min-wid
浏览 2
提问于2020-02-20
得票数 1
1
回答
将样式绑定到字段仅适用于移动屏幕
css
、
vue.js
、
bulma
我正在尝试用Bulma和Vue.js做一个导航栏,Bulma有这样一个东西,当导航栏折叠到汉堡菜单时,里面的下拉列表已经处于display: block;模式。所以我找到了一个变通方法,但它也将相同的样式应用于所有屏幕尺寸。 然后,我尝试仅在模板中绑定如下样式 <div class="navbar-dropdown" :style="@media screen and (max-width: 900px){display: this.displayBlockAcad}"> 这给了我这个错误 invalid expression: Invalid o
浏览 15
提问于2019-02-02
得票数 0
2
回答
Bulma汉堡只在index.html页面上工作
javascript
、
jquery
、
html
、
css
、
bulma
我正在用Bulma制作一个网站(而且我对Bulma & CSS框架非常陌生),并且已经为我的Navbar汉堡导入了Bulma.js,但是它只在主页(index.html)上工作。 我认为这是因为在其他页面上,我用 $("#nav").load("../extras/nav.html"); 并通常在标头中导入bulma.js。我已经尝试过从nav.html文件导入它并将其放入体内。我还以各种方式使用了window.onload。我可以验证在我下载并添加了一个bulma.js时是否加载了console.log,并且它可以工作。 这会将nav.html加载到d
浏览 0
提问于2019-07-15
得票数 0
回答已采纳
1
回答
Bulma汉堡菜单不显示项目
css
、
vue.js
、
vuejs2
、
vue-component
、
bulma
我使用Bulma作为我的CSS框架。我在制作汉堡包菜单时遇到了问题。文档并不清楚整个事情应该如何运作。当我缩小屏幕时,我看到菜单从完整的菜单正确地转换为3行,但是我不能让它工作。 回答如下...
浏览 23
提问于2020-05-23
得票数 0
回答已采纳
1
回答
Bulma CSS汉堡按钮位置坏了?
css
、
bulma
我正在用Meteor + Blaze + Bulma实现一个网站。我基本上已经创建了一个导航菜单,并让汉堡按钮在小型设备上工作。但问题是,汉堡按钮的位置被弄乱了。 我想让它在最右边和垂直对齐的标志。但是汉堡包就在标志的旁边,而且还稍微低一点。我试过"position: absolute;right:0;“,但它一直跳回来。 Bulma不适合与Blaze和Meteor一起使用吗?到目前为止,我没有其他的CSS文件,只是在头标签中添加了Bulma。那么,问题可能是什么呢? <template name="navigation"> <nav
浏览 8
提问于2020-05-26
得票数 1
回答已采纳
1
回答
改变汉堡包菜单的宽度
codenameone
怎样才能改变汉堡包菜单的宽度或屏幕大小的50%左右的侧菜单?默认情况下,汉堡包菜单拥有大约90%的屏幕宽度,但我需要缩小尺寸。 我试图通过在主题常量中更改sideSwipeSensitiveInt和sideSwipeActivationInt的值来做到这一点,但是没有运气。
浏览 5
提问于2016-07-09
得票数 1
回答已采纳
1
回答
Bulma -在平板电脑上显示未折叠的导航栏
css
、
responsive-design
、
bulma
在下面的可运行代码片段中,我设置了一个带有导航栏的基本Bulma布局。由于我的链接数量/大小,导航栏很早就打破了汉堡包。 我如何才能只在较小的屏幕上实现这一点?例如,汉堡包只在手机上。 (function() { let burger = document.querySelector('.burger'); let nav = document.querySelector('#' + burger.dataset.target); burger.addEventListener('click', function() {
浏览 2
提问于2018-09-23
得票数 3
3
回答
Bulma导航栏下拉菜单在Internet Explorer 11中不起作用
internet-explorer
、
bulma
当我使用Internet Explorer11导航到Bulma文档(https://bulma.io/documentation/components/navbar/)的导航栏部分时,即使将导航栏链接下拉菜单设置为“is-active”,它们也不会显示。这也是我使用自己的代码的经验。有没有什么办法可以解决这个问题呢?
浏览 42
提问于2019-06-05
得票数 2
1
回答
使用Xamarin表单-我如何连接一个按钮,点击一个滑动手势?
android
、
ios
、
xamarin.forms
、
swipe-gesture
、
hamburger-menu
我有一个应用程序使用一个主详细信息页和导航页在其中。在Android上,当您通过汉堡包菜单导航到帐户页面时,导航栏将按预期保持在屏幕的顶部,这样您就可以使用它导航了。在iOS上导航栏消失了,所以我创建了一个带有汉堡菜单图标的定制栏。当有人点击自定义导航栏上的图标时,我希望汉堡菜单从左边滑动。 我在汉堡图标上附加了一个手势识别器,但是我不知道在调用的方法中加入什么来让它执行滑动动作。 第二页的Nav栏: <StackLayout IsVisible="{Binding _isiPhone}" Orientation="Horizontal" Backgrou
浏览 5
提问于2016-11-22
得票数 0
回答已采纳
2
回答
Vuetify.js响应性v-工具栏不触发打开/关闭事件
responsive-design
、
vue.js
、
pug
、
vuetify.js
我正在尝试创建一个响应性导航工具栏(使用和)。我想要创建一个导航条,它折叠成一个响应性的垂直列表(类似于),以便在移动时出现一个汉堡包菜单,并通过单击汉堡包图标来显示和隐藏垂直列表。 我已经创建了一个工具栏(),但是当我缩小显示的大小以激活响应性工具栏时,汉堡包菜单不会展开以显示路由器链接。类似地,路由器链接不激活(我怀疑锚标记被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
回答
引导4折叠跳转菜单
bootstrap-4
、
menu
、
navbar
我有一个问题的启动4菜单。每次我点击“汉堡包”图标,它就会折叠我的菜单,但是在过渡过程中,它会跳起来,然后很好地加载。在我的例子中可以看到: <nav class="navbar navbar-expand-md navbar-light bg-light navbar-fixed"> <div class="container-fluid"> <a class="navbar-brand" href="#"><img src="img/logo_1.pn
浏览 1
提问于2018-10-26
得票数 0
回答已采纳
11
回答
我试图使用汉堡包菜单上的bulma css,但它不起作用。怎么啦?
html
、
css
、
nav
、
bulma
我刚开始学习bulma 我正在尝试为移动用户使用汉堡包菜单。我只是按照这个页面上的说明: 但不起作用。我该补充些什么? 实际上,我可以看到汉堡包菜单,但是当我点击它的时候它就不起作用了。 谢谢。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-sca
浏览 5
提问于2016-12-14
得票数 25
回答已采纳
1
回答
Bulma:尝试用两行来制作导航条,在移动中,搜索输入从第一行移动到第二行。
css
、
navbar
、
bulma
我试图用两行来制作导航条:第一行是辅助菜单,第二行是主菜单。我对Bulma相当陌生,寻找解决方案并不像Bootstrap那么容易。 到目前为止,这是我的小提琴(HTML结构)。 <div class="navbar nav-secondary" role="navigation" aria-label="main navigation"> <div class="navbar-brand"> <a class="navbar-item" href="https:/
浏览 0
提问于2019-03-31
得票数 3
1
回答
不使用JavaScript展开/折叠移动导航条
javascript
、
jquery
、
css
、
twitter-bootstrap
在移动设备上,在默认情况下,Bootstrap 3将导航条(navbar)缩小为汉堡包图标。当单击汉堡包时,JavaScript会切换导航菜单项的显示--扩展或折叠导航条。但 如何在不需要JavaScript的情况下切换引导移动导航条的折叠/展开? 如果这是可能的话,它将有很好的性能优势--:用户可以在执行JavaScript之前导航(这对于片状移动连接来说是一个很好的优点),而较小的项目可能能够完全放弃对jQuery +引导javascript的依赖,在第一个页面加载时节省大约45k。此外,在JS错误的情况下,站点变得更加健壮,--至少页面导航仍然可以使用。 或者,我们可以为导航栏做 - d
浏览 3
提问于2015-07-19
得票数 10
回答已采纳
1
回答
Bootstrap 4:在小屏幕上使用导航栏菜单上的块级按钮,但在展开时保持正常大小的按钮
html
、
css
、
bootstrap-4
我使用的是bootstrap 4 beta版。 我有一个导航栏,当屏幕全尺寸时,它使用标准大小的按钮作为导航项目,这些按钮显示在导航栏的右侧,与站点徽标一起显示,站点徽标位于导航栏的左侧。 我希望这些按钮跨越宽度的导航栏下拉菜单时,屏幕很小,汉堡菜单是切换。 目前,这些都是左对齐,如下图所示。 我认为使用块级按钮会在下拉菜单上给我想要的结果,但它们在全尺寸导航栏上不起作用。 我的问题是,当切换汉堡菜单时,如何使第二张图片中的按钮跨越下拉菜单的宽度,但当屏幕较大且没有像第一张图片那样折叠到汉堡菜单时,如何使按钮显示为正常大小?
浏览 2
提问于2017-10-11
得票数 0
1
回答
同时屏幕上有侧栏和汉堡菜单的多卡龙
reactjs
、
docusaurus
当您将文档库站点的宽度缩小到996 in以下时,侧栏将成为导航栏中的汉堡菜单。 目标:我们想让汉堡菜单显示在所有页面上,而不管屏幕大小。 同时,当屏幕超过996px时,还应该显示侧栏。 备注:我们的登陆页面是一个反应页面,不应该有侧栏,但是我们需要它在导航栏中有汉堡菜单。
浏览 8
提问于2022-06-08
得票数 0
1
回答
动画汉堡包
javascript
、
html
、
jquery
、
css
我有这个JavaScript代码来控制动画汉堡包和我的移动导航菜单。当我点击它时,它会在移动视图中打开导航菜单,并将正文设置为溢出隐藏。 基本上,当我点击汉堡包图标时,它会打开移动导航菜单,当我做出选择时,比如说关于页面或主页,它会转到关于或主页,body overflow设置为自动。这就是我想看到的。 然而,如果我点击汉堡图标,打开移动导航菜单,我没有做任何选择,而是再次点击汉堡图标关闭导航菜单,身体溢出保持隐藏,所以我不能滚动页面。 如果我没有在导航菜单上做任何选择,我想让body overflow回到自动。 var menuIcon = document.querySele
浏览 5
提问于2020-09-08
得票数 0
回答已采纳
1
回答
如何关闭汉堡包菜单上的键盘无障碍重点出来
css
、
mobile
、
responsive-design
、
accessibility
、
screen-readers
我正在尝试在我的一个盲人网站上实现键盘可访问性。我的网站上有一份汉堡包菜单。当使用键盘上的"Tab“键导航时,焦点移动到此汉堡菜单项。当点击"Enter“时,它将展开,当再次按下"Tab”键时,它在打开的汉堡菜单元素中导航。一旦到达最后一项,它将专注于内容。 在这种情况下,一旦用户使用键盘的"Tab“键将焦点移出,是否可以关闭汉堡菜单? 这里是示例。是否可以在焦点输出后关闭侧边菜单?
浏览 6
提问于2021-05-27
得票数 0
2
回答
导航条示例Bulma在移动Blazor上不起作用
mobile
、
navbar
、
blazor
、
bulma
我从Blazor网站上的Bulma网站复制了这个示例导航栏。在网页上,它工作得很好,但在移动设备上,导航栏汉堡没有响应。在这个过程中,我是否错过了至关重要的一步?例如,我需要对.css做些什么吗? <nav class="navbar" role="navigation" aria-label="main navigation"> <div class="navbar-brand"> <a class="navbar-item" href="https:
浏览 3
提问于2020-05-10
得票数 3
3
回答
android.support.v7工具栏和绘图布局-如何隐藏汉堡包图标
android
、
navigation-drawer
、
drawerlayout
、
android-toolbar
、
drawertoggle
我正在实现工具栏和导航抽屉。我使用自己的视图自定义我的工具栏。我在我的工具栏中有自己的菜单(汉堡)图标来打开导航抽屉,并且我在菜单图标(汉堡).So上显示徽章计数。我想隐藏默认的汉堡图标。 我试过这样做: getSupportActionBar().setDisplayHomeAsUpEnabled(false); getSupportActionBar().setDefaultDisplayHomeAsUpEnabled(false); 请提前帮助me.Thanks。
浏览 2
提问于2015-02-19
得票数 6
2
回答
Xamarin.Forms MasterDetailPage,TabbedView -标签标题出现在通过汉堡菜单导航时
c#
、
android
、
xamarin
、
xamarin.android
、
xamarin.forms
我正在使用Xamarin.Forms开发一个Android和iOS应用程序。我有一个MasterDetailPage和一个TabbedPage (主页)作为详细信息,它有5个选项卡在它和母版页(汉堡菜单),我有两个选项是主页或帐户。 在iOS上,选项卡的行为就像预期的那样,汉堡菜单从上面滑了出来。在Android系统上,屏幕顶部仍然可以点击标签--我知道这是Xamarin的事情。根据Xamarin论坛和Bugzilla的一份报告,这是一种预期的行为,并将其标记为“已解决的NOT_ON_ROADMAP”。 我的问题是,当我通过汉堡包菜单导航到另一个页面时,最后选择的选项卡的标题仍然在导航栏的页面
浏览 1
提问于2016-11-09
得票数 5
回答已采纳
2
回答
布尔玛肚脐:下拉菜单的样式如何?
css
、
bulma
我正在使用,它的功能非常棒!我的问题是:在较小的屏幕上,当导航条菜单通过点击汉堡菜单显示为下拉菜单时--我该怎么做呢? 它显示为全宽度,但我真的很想让它更窄,或者可能调整到内容的宽度。 以下是当前的情况: 关闭: 打开: 对于汉堡菜单下拉列表,Bulma页面上的所有示例似乎都达到了Navbar的全部宽度。(虽然肚脐内的下降率不是这样)。有人知道我怎么才能使它不是全宽的吗?我的意思是,我可以很容易地将max-width: 50%;等添加到.navbar-menu上,但是我不知道如何使菜单div“坚持”到导航栏的右边,因为它看起来并不是很好地与左边对齐: 我觉得我错过
浏览 0
提问于2018-02-11
得票数 1
回答已采纳
1
回答
如何在React-bootstrap中让导航栏固定在顶部,而不是在小视口上?
html
、
css
、
reactjs
、
twitter-bootstrap
、
navbar
我刚接触Bootstrap (和react-bootstrap),所以我遇到了一些麻烦。 因此,我现在有一个透明的导航栏,并使用事件侦听器对其进行设置,以便当您向下滚动时,导航栏的背景会出现,并且导航栏会在您向下滚动时停留在屏幕顶部。这只在我有<Navbar fixed="top">的时候有效,在我切换到一个较小的视窗之前,这是很好的,在那里我的导航栏变成了一个汉堡菜单。如果我有fixed="top",当你打开汉堡菜单时,它会扩展到我的页面下面的任何文本上,而不是按下它并为导航栏链接腾出空间。 如果我从导航栏中删除fixed="top"
浏览 6
提问于2019-07-09
得票数 0
2
回答
模板10中的登录页面
win-universal-app
、
template10
、
uwp-xaml
你能推荐一种没有汉堡包菜单的登录页面吗? 因此,应用程序开始登录页面(没有应该或汉堡包菜单)。登录后,当前页面将变成带有汉堡包菜单的主页。 我尝试对导航服务进行更改,但它不起作用。 这样做的正确方法是什么?
浏览 0
提问于2016-04-14
得票数 1
1
回答
Bulma水平导航栏- tablet断点菜单
bulma
有没有办法将Bulma中的导航栏菜单设置为在平板电脑断点上的行为与在桌面断点上的行为相同? 我正在寻找: 1)显示导航栏-菜单,直到移动断点。2)在到达移动断点之前,不要堆叠导航栏菜单项。 我找不到一种不手动覆盖样式的方法,它应该可以不覆盖样式,但我找不到这样做的方法。
浏览 2
提问于2018-05-27
得票数 4
2
回答
如何在移动设备上查看时将导航项目移出屏幕
javascript
、
html
、
css
、
mobile
、
responsive
我正在学习如何为移动设备构建汉堡包菜单。 我已经构建了一个有三个孩子的导航。徽标,导航项目和汉堡包菜单。我使用flexbox将它们并排放置,并在桌面的汉堡菜单上显示: none,以便最初将其隐藏。 我试着尝试使用位置相对/绝对,但它不是很有效。此外,将flex-direction: row改为column也无济于事。 这是导航栏的标记 <nav class="nav"> <div class="brand"><h4>The Brand</h4></div> <div class=
浏览 11
提问于2019-09-07
得票数 1
1
回答
Xamarin窗体Shell汉堡菜单在第一次导航时没有显示在iOS上
xamarin.forms
我有一个带有汉堡包菜单的Xamarin Forms Shell应用程序。当我打开应用程序时,我看不到iPhone上的汉堡包菜单(但在我的安卓系统上)。当我在某个地方导航并返回时,汉堡包图标就会像预期的那样出现。为了处理汉堡包菜单,我依赖于应用程序shell模板的默认生成代码,并且只是向菜单中添加了一些更多的项目。 如何让shell始终显示我的菜单图标? 指向项目的Github链接:
浏览 3
提问于2020-08-20
得票数 1
回答已采纳
2
回答
假设我不需要在我的网站上有一个汉堡边栏菜单,这是一个SEO问题吗?
seo
假设我的汉堡边栏菜单只包含两个链接:一个链接到我的主页,一个链接到我的联系人页面。 我的主页已经从网站名称链接起来了。 我的联系人页面已从position:sticky联系人us框中链接。 据说没有汉堡边栏菜单我会做得很好。 如果我删除汉堡边栏菜单,这是一个SEO问题吗?也就是说,搜索引擎更喜欢那些没有汉堡边栏菜单(“导航菜单”)的网站吗?
浏览 0
提问于2021-09-23
得票数 4
1
回答
如何使用HTML、CSS和JQuery创建CNN菜单导航
html
、
css
、
responsive
我想实现这种菜单导航(),当你点击汉堡包图标它打开菜单导航。我不确定这是否是模式,有人知道如何为这种菜单导航创建html、css和jquery吗?
浏览 2
提问于2017-03-16
得票数 1
回答已采纳
2
回答
带UI Bootstrap的AngularJS -单击导航项目时自动折叠菜单
angularjs
、
twitter-bootstrap
、
bootstrap-ui
在本例中:https://plnkr.co/edit/O9fbLcTV7QPvqB3FpiAA?p=preview 当您单击汉堡菜单图标并选择导航项目时,菜单将保持打开状态,直到您再次单击汉堡图标。当菜单项被选中时,有没有自动折叠的好方法? 我试过了: <li><a href="#" ng-click="isNavCollapsed = !isNavCollapsed;">Link 1</a></li> 它可以工作,但在不处于移动模式时(在更宽的屏幕上)将触发导航菜单折叠动画。
浏览 15
提问于2019-05-10
得票数 0
1
回答
汉堡包菜单和应用程序栏
layout
、
uwp
、
uwp-xaml
我想要实现布局简单到槽应用程序,其中汉堡包菜单在左边,应用程序在底部。但是,并不是所有的页面都包含appbar。 我有一个名为MainFrame的用户控件,它包含汉堡包菜单和导航框。 当页面加载到导航框架中时,AppBar覆盖HamburgerMenu。我可以只是抵消HamburgerMenu,但并不是所有的页面都包含AppBar,或者AppBar的高度不同。 有可能把汉堡展示在苹果条上面吗?或者你还有其他的想法吗?
浏览 3
提问于2017-07-04
得票数 0
1
回答
Bulma导航吧汉堡菜单未展开
bulma
、
hamburger-menu
我复制了Bulma的basic starter template和basic navbar。然而,当我点击汉堡包菜单时,什么也没有发生:(.我错过了什么吗?你可以try it in my jsfiddle <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <ti
浏览 10
提问于2019-02-24
得票数 1
回答已采纳
1
回答
汉堡包菜单下拉至xs调整大小的新行
reactjs
、
navbar
、
collapse
、
react-bootstrap
当使用react-bootstraps导航栏collapseOnSelect调整大小时,汉堡包菜单工作正常,但在xs或低于xs时,汉堡包菜单会下拉到标识下面的新行上,创建一个比我希望导航栏出现在手机显示屏上的更大的块,我希望它留在同一行上。
浏览 4
提问于2019-04-22
得票数 0
3
回答
具有多个片段的单个活动的后退按钮
android
、
android-fragments
、
navigation-drawer
、
android-navigation
使用jetpack导航,使用多个片段的单个活动。在通过导航图中定义的操作从主片段导航到另一个片段之后,汉堡包菜单图标保持不变,它没有更改为后箭头按钮。 如何将此汉堡包菜单图标更改为后箭头按钮?单击它时,它应该返回到主片段。 在Android中创建一个新项目,并选择导航抽屉活动作为模板,使用上面描述的3个片段来设置单个活动。
浏览 18
提问于2022-04-01
得票数 0
回答已采纳
1
回答
Ionic 3:如何通过按钮在视图之间导航并保留侧边菜单?
javascript
、
angularjs
、
ionic3
我已经使用Ionic CLI (sidemenu)和设置2个视图(A和B)创建了一个演示应用程序。如果我通过侧边菜单从视图A导航到视图B,那么汉堡菜单在两个视图上都可见--非常完美。 然而,我面临的问题是,当我通过按钮从视图A导航到视图B时,汉堡菜单从视图B中消失。 我的按钮代码是: <button [navPush]="viewB" ion-button block>View B</button> 我该如何解决这个问题呢?
浏览 1
提问于2018-02-08
得票数 0
1
回答
在Android中创建带有导航抽屉的汉堡包菜单
android
、
user-interface
、
hamburger-menu
我想在android中创建一个带有导航抽屉的汉堡菜单。我已经开发了它,但根据需求,菜单应该滑出基本片段,而不是重叠。我想开发类似facebook使用的汉堡菜单。 这就是我所要求的: 这就是我所完成的: 任何帮助都是非常感谢的,谢谢。
浏览 0
提问于2015-05-11
得票数 4
1
回答
具有导航的主详细信息?
visual-studio-2015
、
xamarin.forms
我正在尝试使用Xamarin.Forms MasterDetail页面来实现汉堡菜单导航。我遇到的问题是,根据我如何更改详细页面,要么汉堡菜单消失但返回功能正常,要么汉堡保留但我们失去了浏览详细页面的能力(硬件/屏幕上的后退按钮将用户返回到设备的主屏幕)。 使用最新的XF (2.3.4.247)很容易复制这个问题;在Visual Studio中创建一个新的Cross Platform App (Xamarin)。确保所有Nuget包都是最新的。然后,在共享项目中添加一个名为MyMasterPage的MasterDetail页面。 默认情况下,在ListView_ItemSelected的MyM
浏览 18
提问于2017-07-07
得票数 1
1
回答
带有nav菜单的离子型2登录流
authentication
、
ionic2
离子2允许菜单控制器显示标准的汉堡包导航菜单切换按钮在导航条。但根据设计,它只对导航堆栈中的根页面执行此操作。问题是,对于经过身份验证的应用程序,登录页最初需要是根页面。 很明显,在成功登录后,我可以将根设置为真正的根页面,但这会导致两个问题: 1)漂亮的页面幻灯片动画不会触发,因为它没有将页面推到导航堆栈上。2)菜单上的汉堡包即使是根也没有显示在那一页上。 对于大多数连接的离子应用程序来说,这似乎是一个标准问题,但我找不到任何完整的例子。让这个流程工作的推荐方法是什么(理想情况下,不要侵入内置菜单管理机制)? 更新:汉堡没有显示(#2)是由于程序员的错误:(这已经解决了)。还在寻找动画的解决
浏览 0
提问于2016-11-08
得票数 0
回答已采纳
1
回答
离子菜单,如何避免默认添加导航图标隐藏类
javascript
、
css
、
angularjs
、
ionic-framework
我有一个汉堡菜单图标,它在我的标题中作为侧边菜单的切换按钮。因为我已经实现了一个侧边菜单,所以当我从具有标题的首页转到其他页面时,如果我返回到首页,导航图标将获得带有display:none的类hide。既然我确实想要呈现汉堡菜单,我想知道如何避免这种情况?
浏览 1
提问于2016-07-12
得票数 0
2
回答
不使用SlideMenuControllerSwift作为第一个视图控制器时出现的问题
ios
、
swift
、
hamburger-menu
我正在尝试使用第三方SlideMenuControllerSwift来显示汉堡菜单。当汉堡菜单加载到出现的第一个viewcontroller中时,我可以正确地显示它。但如果我有一个登录屏幕,例如,在登录屏幕之后,我导航到另一个屏幕,当我试图在此屏幕中显示幻灯片菜单时,我无法正确执行此操作。 在SlideMenuControllerSwift的github示例中,所需的屏幕被加载到AppDelegate中,并在AppDelegate本身中从didFinishLaunchingWithOptions调用。按照这个想法,即使我从我选择的屏幕(我想要显示汉堡菜单)的viewDidLoad调用在didF
浏览 12
提问于2017-08-23
得票数 0
2
回答
汉堡包切换卷轴,覆盖一页又一页
jquery
、
css
、
menu
、
navigation
、
toggleclass
我有一个基本的jQuery脚本,将切换一个覆盖和导航菜单时,汉堡包被点击。这一切都很好,但在导航菜单出现后,汉堡包图标滚动与身体后面的覆盖,我希望它是固定的位置,或禁用身体滚动。我知道这是因为这个位置:在汉堡包图标上使用的相对位置与所需的位置冲突:修复,但我不知道如何绕过它。 也许toggleClass是解决这个问题的一种糟糕的方法?提前感谢! $('.burger').on('click', function(e) { $('.overlay').toggleClass("hidden"); e.preventDefault()
浏览 0
提问于2016-03-10
得票数 0
回答已采纳
2
回答
如何在桌面和移动平台上单独使用navi?
css
我正在使用这个模板作为我的投资组合的基础 目前,网络和手机都有汉堡包导航。怎样才能让汉堡包菜单只显示在手机上呢?我试图改变@媒体屏幕和(最大宽度:736‘t){ 480菜单CSS,但它没有改变任何东西..? 也有办法改变菜单的粉红色悬停吗?
浏览 1
提问于2021-11-10
得票数 0
1
回答
使用Angular UI Bootstrap时如何在ASP.NET MVC中修复汉堡菜单
asp.net-mvc
、
angular-ui-bootstrap
ASP.NET MVC默认模板包括一个汉堡包菜单,当在较小宽度的设备上查看页面时,该菜单将可见。它不仅依赖于bootstrap.css,还依赖于bootstrap.js的显示/隐藏导航菜单的能力。 对于AngularJS,我们需要使用ui-bootstrap.js,并被建议排除Twitter的原生bootstrap.js。 在大多数情况下,这很好用,但汉堡菜单就没什么用了。什么是最优雅的方式来连接汉堡包菜单,以表现与以前一样?
浏览 0
提问于2015-11-18
得票数 0
2
回答
使用模板10汉堡模板的层次导航
uwp
、
template10
我试图找出如何处理UWP应用程序中的页面层次结构,使用模板10汉堡模板。最后,我希望能够在汉堡菜单项上选择应用程序的主要部分,并有一些选项卡选择来浏览各部分的视图和子视图,根据当前的上下文更改可用的选项卡。 应用程序的部分相当复杂,应该也可以导航,例如,我应该能够使用后退按钮导航到下一个更高的层次,所以我认为选项卡导航必须基于框架导航。 当我浏览该部分的页面和子页面时,如何管理我当前所在区域的汉堡菜单项的选择?除了使用HamburgerButtonInfo的PageType属性(它将项的选择状态绑定到当前显示的页面)之外,还有其他选择吗? 一些需要解释的图片:
浏览 2
提问于2016-08-24
得票数 0
回答已采纳
1
回答
导航到登录的Xamarin窗体在注销后不工作
c#
、
xamarin.forms
因此,我有一个LoginPage在我的xamarin表单,用户可以导航到通过打开汉堡包菜单和它的HomeMenuItems之一在我的ListView。当用户登录时,我导航回HomePage并从导航堆栈中删除LoginPage: var nextPage = new HomePage(); await this.Navigation.PushAsync(nextPage); Navigation.RemovePage(this); 并更改汉堡导航以添加新的HomeMenuItems (如MyPage )和Logout (如: var md = (MasterDetailPage)Applicat
浏览 0
提问于2019-03-13
得票数 0
回答已采纳
2
回答
如何用Xamarin 4 Shell导航实现Android标准导航?
android
、
xamarin
、
xamarin.forms
、
xamarin.android
、
navigation-drawer
当在Android应用程序中使用导航抽屉(即汉堡菜单)时,Xamarin Shell导航对于大多数用户来说,硬件后退按钮的默认行为令人困惑。 每当我从菜单导航到一个页面(FlyoutItem),然后点击硬件后退按钮时,应用程序就会关闭,手机就会回到启动器屏幕。但我认为后退按钮应该转到最后显示的屏幕或开始屏幕。 来自谷歌的应用程序,如Play Store或Gmail或索尼的专辑应用程序,在点击硬件后退按钮时将导航回应用程序的开始屏幕。然后点击开始屏幕上的后退按钮将关闭应用程序。这是我对Shell导航的预期行为。Gmail和相册总是显示汉堡包菜单图标,其他人则用后退图标/箭头代替汉堡包。 使用硬件
浏览 22
提问于2019-08-15
得票数 0
回答已采纳
2
回答
Actionbar back按钮功能不变
android
、
menu
、
android-actionbar
我有一个片段A,其中的另一个片段B是loaded.In片段A操作栏。我有一个汉堡包菜单,当我移动到片段B时,它应该更改为back menu button。当后退按钮加载时,菜单的功能应该从加载抽屉布局的汉堡菜单更改为加载上一帧IE的后退按钮菜单。片段B。我可以将菜单的图标从汉堡更改为后退按钮,但在加载后退按钮时无法更改图标的功能。 我通过以下代码更改了片段B中操作栏中的按钮 MainActivity.mDrawerToggle.setDrawerIndicatorEnabled(true); 有没有人可以帮助我,建议在加载片段B时更改菜单按钮的功能,以及将后退按钮的图标和功能重置为汉堡菜单,并
浏览 0
提问于2017-11-02
得票数 2
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
隐私和自定义功能:三星Internet浏览器广泛推送新增功能
Win 10今年最后一次大更新,新增内容和BUG汇总
WP菜鸟建站08:wordpress后台界面虽简单,但功能却非常强大
1:Google I/O 大会,这次真的认真了解了下
Win10如何关闭实时保护?Win10实时保护关闭的方法
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券