这是一个codesandbox https://codesandbox.io/s/recursing-rhodes-ffcmc?file=/src/components/Navbar.js:792-856 现在它只是改变了路线，但是导航的背景颜色保持不变。 因此，我有这个导航栏组件，它根据我所在的特定页面更改背景颜色。如果我将导航栏单独添加到每个页面，则可以很好地工作。然而，我最终重复了一大堆代码。 所以这是我的初始设置 --pages
Home.js
About.js
Contact.js 这是我在主页上打开和关闭移动菜单的函数 const Home = () =&g
浏览 15提问于2020-12-14得票数 1
回答已采纳
1回答
我正在尝试缩小导航栏的高度，以适应移动设备的尺寸。我尝试的是缩小导航栏，但JS菜单不起作用。有什么想法吗？
.navbar-fixed-bottom { height:35px; }
浏览 5提问于2013-01-06得票数 1
回答已采纳
2回答
我使用了一个小的javascript文件来创建一个离开画布推送导航栏。如Wordpres所述，我加载了该文件：
function sidebar () {
wp_enqueue_script('theme-js', get_stylesheet_directory_uri() . '/js/nav-sidebar.js',array( 'jquery' ),$version,true );
}
add_action('wp_enqueue_scripts', 'sidebar');
然而，似乎唯一加载的js是导航侧
浏览 0提问于2016-08-18得票数 2
回答已采纳
1回答
我目前正在Vue.js中做一个项目，这是我第一次使用Webpack、Vue.js、Babel等开发一个完整的环境。
在以前的项目中，拥有导航栏是相当直截了当的.只需添加HTML结构，硬编码链接，就这样，导航栏就完成了.现在使用Vue.js，我认为这会破坏组件的感觉。我添加了一个<nav-bar>-component和几个<nav-bar-item>-components。这样做很好，导航栏将显示并包含项目。
现在到实际的问题:我现在把我的链接和文本为这些项目？我的猜测是将它们放在<nav-bar>-component中，但是文本是由<nav-bar-i
浏览 3提问于2016-11-27得票数 2
回答已采纳
所以，我正在创建这个站点，我希望每个页面都有一个导航栏，我如何制作它，这样就不必在每个页面上为导航栏编写html了，我只需在.js文件中写入这个javascript文件并将这个javascript文件添加到每个页面。
顺便说一句，我不是在问如何用html编写导航栏，我已经这样做了。
浏览 2提问于2022-02-04得票数 0
回答已采纳
我是Vue.js的新手。我正在做演示项目。在我的项目中，我有三个不同的导航栏。第一个用于HomePage，第二个用于登录/注册页面，第三个用于仪表板。在像React和Vue这样的框架中，我们为所有页面设置一个全局导航栏。如何有条件地呈现这三个导航栏组件？这方面的最佳实践是什么？我想设置vuex来解决这个问题，这是一个正确的方法吗？
浏览 91提问于2020-12-07得票数 0
回答已采纳
10回答
根据Bootstrap 3文档，我向导航栏添加了以下属性：
<nav class="navbar no-margin-bottom" data-spy="affix" data-offset-top="90" >
...
</nav>
在向下滚动页面后，Bootstrap 4将不向导航栏添加类，这是词缀。有人能告诉我如何解决这个问题吗？Bootstrap.js和jQuery.js正在工作。
浏览 12提问于2016-04-01得票数 14
回答已采纳
App.js
<Store>
<Navbar />
<AppNavigator ref={navigatorRef => {
NavigationService.setTopLevelNavigator(navigatorRef);
}} />
</Store>
我希望能够访问
props.navigation.openDrawer();
从导航栏，但我得到了
undefined is not an object (evaluating 'prop
浏览 39提问于2019-10-26得票数 2
回答已采纳
我正在使用Smint，以便在单击导航链接时自动向下滚动我的一页站点。我的脑子里有以下几点：
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script src="/js/smint.js"></script>
<script type="text/javascript">
jQuery(document).ready( function
浏览 3提问于2014-02-12得票数 0
回答已采纳
我有一个Vue.js单页面应用程序，其中有一个使用<router-view/>呈现不同页面的主导航栏。 如下所示： <main-header/> <!-- navigation links -->
<transition name="slide-fade" mode="out-in">
<router-view/> <!-- different pages -->
</transition> 在其中一个页面中，我有一个侧边栏，其中包含更多的导航链接(它们使用<rout
浏览 82提问于2018-01-05得票数 15
回答已采纳
2回答
我有一个导航栏，里面有主页和链接，我试着制作一个路由器，当我点击“关于链接”时，它会转到“页面”，而当我点击“主页”链接时，我就会“回家”，但是我不知道为什么我要么在家里点击，要么它会带我去主页。
这是App.js文件：
<Router>
<Box>
<Navbar />
<Home />
<Routes>
<Route exact path="/" component={Home}/>
<Route path="/about" component={AboutUs}/>
<
浏览 9提问于2022-02-26得票数 0
好的，我已经和jQuery玩了一个多月了，并且理解了一些基本的概念，但是请在新手的上下文中回答！
我的导航栏利用jQuery执行以下操作：
使下拉按钮具有交互性
隐藏并关闭一个二级导航栏，嗯..。快速导航。
问题是:当页面打开时，应该隐藏的div在jQuery隐藏之前只出现一小部分秒。
jQuery在一个外部的.js文件中找到，并在每个.js页面的底部链接，就在关闭的主体标记之上。
jQuery有点像这样：
$(document).ready(function () {
$(#example1).hide();
$(#example2).hide();
浏览 3提问于2013-12-04得票数 0
回答已采纳
我对导航栏使用了bootstrap框架，现在我想使用summernote WYSIWYG HTML编辑器。
如果我导入bootstrap.min.js脚本，导航栏下拉菜单可以很好地工作，但夏季备注中的下拉菜单不能(颜色选择等)。
如果我删除此脚本，则summernote可以工作，但导航栏下拉不能。我还删除了jquery.min.js并为add class open to下拉切换创建了自己的脚本，因为使用jquery.min.js时summernote不会出现。
导航栏和summernote下拉功能有什么解决方案吗？
浏览 3提问于2016-10-29得票数 5
我正在做一个Vue.js项目，我被困在标题导航栏的一个小动画上。
我想听用户滚动事件和淡入和淡出导航栏，如果用户滚动，淡入和如果用户滚动回顶部:0淡出，并显示全屏介绍没有导航栏。导航在顶部是固定的/粘稠的。
我如何使用Vue.js来完成这个任务呢？
为了获得更好的可视化：
浏览 2提问于2018-09-28得票数 3
回答已采纳
我正在尝试使用bootstrap来创建导航栏。导航栏的左侧是功能菜单。右侧是导航按钮，带有指向控制面板或注销页面等的链接。
导航栏如下图所示。
当我减小浏览器的大小时，它应该如下图所示。
但是，如果浏览器是中等大小，导航栏将如下图所示。
也就是说，左边的导航栏和右边的导航栏不是内联的，而是堆叠在一起的。
我想知道如何让左侧和右侧导航栏始终内联，或者只是折叠它们。
代码位于：
我尝试按照这个来解决这个问题，但是失败了。
有什么需要帮忙的吗？
浏览 1提问于2016-03-12得票数 0
2回答
我有一个包含关闭按钮的导航栏。导航栏是一个单独的组件，但会被放入我的AppLayout.js文件中。在我的AppLayout中，我管理导航栏的状态，当前默认设置为false，如果它是false，它将不会出现，而是会出现一个提示用户打开导航栏的按钮。 现在的问题是，在我的导航栏中，我有另一个按钮，它会触发一个onClick=setShowNav(false)来关闭导航栏，但问题是我的导航栏的所有状态都是在AppLayout中管理的，所以我想我必须向导航栏组件传递一些道具，才能让关闭按钮工作。 我不确定这样做的正确语法/方法是什么？
浏览 30提问于2021-08-25得票数 0
回答已采纳
3回答
我正在学习css和js，我看着这个漂亮的导航栏。
但是，当我在测试网站上设置它时，我无法使导航栏居中。text-align不做任何事情，设置margin:auto;似乎也没有任何效果。这是怎么回事，我不能以正常方式将导航栏居中？
浏览 0提问于2014-07-22得票数 0
嗨，我是新来的反应本地人，所以我可能已经错过了一些技巧，如何正确地做事情。如果标题中的问题有点含糊不清，很抱歉。让我用一个例子来解释：
我有一个名为root.js的文件，它将(使用导航器)导航到一个名为signupform.js的新视图，其中包含导航栏上的“提交”按钮。请注意，导航栏是在root.js上创建的，独立于signupform.js。
(我想知道怎么做)比方说，当用户填写完“注册”表单中的所有字段时，他们可以单击导航栏中的“提交”按钮，该按钮应该触发一个navigator.push，该按钮包含将表单数据的道具传递给视图(例如navigator.push)。但是，我不知道如何将数据传递
浏览 1提问于2016-02-12得票数 2
2回答
我是react native和js的新手。
我想要在用户开始在任何时间/位置向上滚动时显示我的导航栏，并在用户开始在任何位置向下滚动时隐藏我的导航栏。
我的第一个方法是同时使用“动画”和“找出滚动方向”，但我失败了。有没有人能详细告诉我这是怎么实现的？
谢谢!
浏览 7提问于2017-08-07得票数 0
2回答
我刚刚开始在一个有点复杂的应用程序上使用Backbone.js。在它里面，我有一个没有导航的登录页面，以及一个管理员和用户部分，每个部分都有自己的导航栏。我的问题是，通过backbone.js表示动态导航栏的好方法是什么？我考虑过为login、admin和user部分创建三个不同的父视图。在每个视图中，我都可以实例化(或不实例化)相应的导航栏。
浏览 2提问于2013-04-02得票数 0
回答已采纳
我想用bootstarp制作可折叠的导航栏。我使用npm下载了bootstrap。
如何包含Bootstrap JS文件以使导航栏可折叠？
浏览 0提问于2019-10-01得票数 0
4回答
如何在angular 6中导入js文件。我尝试实现了一个导航栏，它包含js函数。谢谢！
我添加了名为nav.js的js文件
"scripts": [
"src/assets/js/nav.js"
]
浏览 128提问于2018-06-02得票数 4
我正在建立一个基于fullPage.js的WordPress主题，我几乎完成它。但是我遇到了一个我想不出来的问题。
在接下来的两个示例中，有一个导航栏，第一个部分包含幻灯片和下面的其他部分：
在这里，从包含幻灯片的第一个部分向下滚动是平滑的，导航栏中相应的链接可以正常工作(当单击向上滚动到滑块部分时)
但是在这里向下滚动是非常困难的，而且键盘也不能工作，之后就不可能再向上滚动了，导航栏也不能工作。
在这两种情况下，屏幕右侧的指针都起作用。
会出什么问题呢？谢谢
浏览 2提问于2014-09-08得票数 0
所以我试图实现的是从我的应用程序中的页面中提取一个变量，并能够在其他页面中使用它。此变量是从导航栏操作的，该导航栏可从所需的每个页面访问。"App.js“基本上只是一个导航栏，其他页面显示在导航栏的下方。其他页面需要从导航栏中选择/分配的值，以便从数据库中提取信息。
App.js
let year;
let term;
class App extends Component {
render() {
// Here I do things and assign the variables on top values
}
export default App;
m
浏览 12提问于2019-07-20得票数 0
回答已采纳
1回答
关于导航栏的问题
、、
我对导航控制器和内容视图控制器之间的关系感到困惑。在情节提要中，导航条位于导航控制器之下，因此我将其链接到NavigationController类，然后在viewDidLoad函数中定制导航条。然而，由于不同的内容视图将有不同的导航栏，就像不同的条形按钮，我如何实现这一点？只是一些基本的想法就足够了。我的猜测是，我需要在特定的内容视图控制器中指定特定的条形按钮，但是既然navigationBar属性在NavigationController类中，我如何引用它？
我想隐藏导航栏的标题，并使该栏只显示一些自定义按钮(我知道工具栏可能会更好地匹配它，但我采用导航栏还有其他原因)。请告诉我如
浏览 4提问于2015-05-15得票数 0
回答已采纳
1回答
如果导航栏是在网站的移动视图中打开的，那么当页面被滚动时，如何关闭导航栏？最简单的方法(css或js)
浏览 0提问于2020-05-07得票数 0
回答已采纳
1回答
在Innerdata.js中，我有一个a标记，在点击事件中，我将它导航到Group.js。
Gruop.js包含一些html.I，我尝试在这里添加带有后退按钮的导航栏。这里唯一的导航栏是“不显示后退”按钮。这就是我摔倒的地方，我不知道为什么后退按钮不显示。
我试图在Group.js页面的导航栏中添加Back按钮，所以当我单击这个按钮时，我导航到Inner.js page.so，这里有什么问题？
Inner.js:
Ext.define('chat.view.Inner', {
extend: 'Ext.Panel',
xtype:'Inn
浏览 1提问于2013-11-22得票数 1
回答已采纳
4回答
我有一个包含三个div的页面，每个div是一个段落。我想使用javascript在用户从导航栏This is the navbar中按下时仅在页面中显示每个div。 WebDev只是一个由三个不同div组成的页面，如下所示 <!--HTML-->
<div class="html" id="html-show">
<p class="text-html" id="htmlContent">..
</p>
</div>
<!--CSS-->
浏览 36提问于2020-10-23得票数 0
回答已采纳
2回答
我在一个网站上工作，这个网站的20+页面每隔几个月就会更改一次。我决定编写一个脚本来加载导航栏、导航和页脚，就像它们在每个页面上一样。
<!DOCTYPE HTML>
<html lang="en">
<head>
<link href="../css/bootstrap-dropdownhover.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="../css
浏览 1提问于2016-03-04得票数 2
我试图在加载应用程序时使用令牌检查身份验证，当用户未被授权时，将他导航到登录页面。此方法被插入到导航栏组件中，因为它位于应用程序中的每个页面上，因此它将在任何时候被调用。我试图将导航栏组件放在路由器中，但它不起作用。具有路由的App.js： <div className="App">
<HomeNavbar history={this.props.history}/>
<Router>
<Switch>
<Route exact path="/
浏览 60提问于2019-06-03得票数 0
回答已采纳
我正在使用快递，节点和把手创建一个web应用程序，护照是身份验证库。我试图在res.locals中设置一个变量，以便根据用户状态呈现一个导航条。我遇到的问题是，当使用中间件设置res.locals.isUser或res.locals.isAdmin时，变量似乎没有被传递，或者至少看起来不是。代码如下所示(为了简单起见，对代码进行了简化)。
app.js
var app = require('express)();
app.use(function(req, res, next){
res.locals.isUser = false;
if(req.user &&a
浏览 4提问于2016-09-08得票数 0
一个新的(？)Visual 2015促进了Javascript开发人员的特性:导航栏在代码编辑器上方的两个选择框中列出了对象及其方法(与C++源代码多年来一样)。
不幸的是，我可以看到这个导航栏只适用于ASP.NET项目。当我创建一个Node.js项目时，导航栏消失了！
是否有人设法在Javascript / Node.js项目中使用导航栏？或者，是否有一个同等的应用程序或VS扩展来完成这项工作？
酒吧可以被激活(或不！)在菜单工具/选项中。/文本编辑器/ Javascript和Node.js
提前谢谢你的帮助。
(我通过“客户反馈”计划直接问了MS，但不要期待一个快速的答案。同时添加对req
浏览 3提问于2015-07-29得票数 0
回答已采纳
1回答
我已经为我正在工作的这个自我项目创建了一个实用程序和主导航栏，我希望当我滚动42px时，主导航变得粘滞。
但是，当我滚动导航栏时，导航栏不会停留在窗口顶部。我用实用程序nav对它进行了测试，它工作得很好。这是我的主导航栏的代码...
$(window).on("scroll", function () {
var distanceScrolled = $(window).scrollTop();
console.log("The distance scrolled is: " + distanceScrolled);
if(distanceScr
浏览 0提问于2018-09-23得票数 3
3回答
似乎F3框架不能处理页面内的php函数调用？我有一个php导航栏，它是全站统一的。我在控制器类中调用布局页面，如下所示：Template::serve('layout.php')。在布局页面中，我这样包含了导航栏：<F3:include href="navbar.php" />。在导航栏(导航)文件中，我调用了一个实用函数siteUrl，它可以获得css或.js文件等资源的绝对url。这个函数是在一个包含文件中定义的，我将其包含如下：require_once "lib/globals.php。在navbar.php中，我使用siteUrl，如
浏览 2提问于2012-08-08得票数 1
回答已采纳
我有一个主链接到第二个视图的按钮，并通过导航栏中的“后退”按钮链接回来。我想在主视图中隐藏导航栏，而只在场景视图中显示它。
我已经隐藏了主视图上的导航栏，在第一次启动时它看起来很好，但是一旦第二个视图从堆栈中弹出，主视图上就会有一个空的导航栏。
有没有办法检测主视图当前是否可见，然后随时隐藏导航栏？或者其他解决我遇到的问题的方法？
提前感谢您的帮助。
浏览 0提问于2013-03-05得票数 0
回答已采纳
我有一个应用程序，我只需要在列表屏幕上的导航栏，而不是详细的屏幕(在大多数情况下)。通过将导航栏隐藏在详细信息屏幕中，我可以很容易地实现这一点
self.navigationController?.setNavigationBarHidden(true, animated: false) //Added in viewWillAppear
可选的是，列表屏幕还允许用户在轻敲按钮时进行搜索。
当用户点击搜索按钮时，我向导航栏添加了一个searchController
self.navigationItem.searchController = mySearchController
此时，如果我将
浏览 0提问于2021-03-06得票数 1
如何添加位于Vcl.js应用程序主页左侧的导航菜单栏？
如何在主页上的顶部菜单导航栏上创建子菜单项？
我正在查看为vcl.js框架提供的示例Customer示例。
浏览 2提问于2015-06-26得票数 1
我有问题修改模板的提供的例子(代码可以找到)。我想让顶部的导航栏透明。问题是它背后没有任何东西，所以它并没有真正改变。修复方法是使导航栏成为页面的一部分。正如你现在看到的，滚动条在导航栏之后开始，而我想让导航条成为页面可滚动部分的一部分。我尝试从HTML中删除所有相关的mdl头类，但没有效果。我发现material.min.js (作为MDL的一部分提供)使导航条位于滚动条的顶部，但我不太擅长JS，我不确定需要修改哪个部分才能实现我想要的效果。我也对不修改material.min.js但使用自定义JS/CSS的解决方案持开放态度。
浏览 1提问于2016-01-03得票数 2
1回答
如何为本地站点模拟SSI
、、、
我有一个本地唯一的网站导航栏的代码块，没有web服务器，我想在许多页面上。我想有一个单独的文件，其中有所有页面引用的导航栏的HTML。这样，每当需要对导航栏进行更新时，只需执行一次。
我使用的是这个引导模板：
几年前，使用不同类型的导航栏系统，我能够通过Javascript实现这一点。我只是像这样引用了我想要的导航栏所在的文件：
<script type="text/javascript" src="js/menu3.js"></script>
而menu3.js是这样的：
document.write("<div styl
浏览 19提问于2018-09-20得票数 0
1回答
我正在使用jquery.dataTables固定页眉和页脚选项，问题是页眉在导航栏后面消失了，我搜索了一种方法来修复页眉，所以它就在导航栏下面，但我没有找到任何东西。希望你们能帮上忙。我不想删除导航栏。谢谢。 <head><link rel="stylesheet"type="text/css"href="https://cdn.datatables.net/fixedheader/3.1.5/css/fixedHeader.dataTables.min.css" /></head>
<style&
浏览 9提问于2019-05-02得票数 0
回答已采纳
2回答
如何同时突出主导航条和侧导航条？
、、、、
下面的页面有两个边以及一个主导航栏。我目前正在使用当前url来突出显示相应的导航栏。请在下面找到我使用的代码：
highlightSection = function() {
var url = location.href.toLowerCase();
$("#navbar li a").each(function() {
if (url == this.href.toLowerCase()) {
$(this).parent().addClass("active");
}
});
$(".nav-sid
浏览 4提问于2016-05-21得票数 5
版本：
"native-base": "^2.4.2",
"react": "16.3.1",
"react-native": "0.55.2",
"react-native-global-font": "^1.0.1",
"react-native-router-flux": "^4.0.0-beta.28",
"react-navigation": "^1.5.1
浏览 0提问于2018-04-23得票数 7
回答已采纳
我正在使用底部的hightchart导航栏。我已经包含了可访问性js文件，以使用所有可访问的组件(键盘导航、屏幕阅读器)。现在我正在尝试使用键盘导航到导航栏，但它不起作用。是否需要其他属性？ ?
浏览 14提问于2021-01-12得票数 0
我在绘图方法中给UINavigationBar添加了背景图像，图像添加了properly.and，我还在视图中的导航栏中添加了右栏按钮项。
我的问题是导航到详细视图，当我回到rootview控制器时，右栏按钮项是不可见的，但是在导航栏右侧工作的按钮操作可以帮助解决这个。
浏览 1提问于2011-10-20得票数 0
2回答
编码新手。 有问题的侧面导航栏与动画汉堡菜单。导航栏在单击(动画汉堡)时打开和关闭，但它总是推回到着陆区。如果我打开导航栏并选择#4区段，应用程序会导航到该区段，但当我单击关闭导航栏时，它会返回到(first) section。换句话说，我不能关闭导航栏没有被发送回登陆(first) section。 使用基本的JS函数- classList.toggle 导航零件 <nav id="mySidebar" class="sidebar">
<a href="#section1">LANDING S
浏览 26提问于2020-01-11得票数 2
假设我们有一个主组件、一个导航栏和一个侧边栏组件，现在我有一些指向电影、游戏和电视节目等的链接。在单击侧边栏中的链接时，如何在主组件本身中呈现电影组件
app.js代码
//imports here
<Router>
<Route exact path='/login' component={Login} />
<Route path='/admin' component={Main} />
</Router>
sidebar.js
//imports here
//styling
<ul>
浏览 12提问于2020-03-10得票数 0
1回答
我正在使用react导航，并试图通过传递一个字符串来动态定制我的堆栈导航栏中使用的标题，但我一直收到以下错误：
Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render.
我的代码如下所示：
RootComponent.js
export class RootComponent extends Component {
render() {
return (
浏览 46提问于2018-07-28得票数 0
回答已采纳
我是新手在angular is。我正在尝试做演示显示，我有登录屏幕作为第一个screen.After登录其他视图是loaded.Also我有导航栏，这是包括使用ng-包括在index.html的page.Navigation栏是由ng-page.Navigation=“isAuthenticated”显示。
其中在如下所示的app.js中将isAuthenticated标志初始化为假，
app.run([
'$route', '$rootScope', '$location','datacontext',
function ($r
浏览 8提问于2014-05-08得票数 0
我有一个导航栏，当屏幕第一次显示时，导航栏上没有搜索栏。我触发并在导航栏中显示搜索栏，但我想知道如何隐藏搜索栏并再次显示导航栏标题。
我创建搜索栏，如下所示：
_searchController = [[UISearchController alloc] initWithSearchResultsController:nil];
self.searchController.searchResultsUpdater = self;
self.searchController.searchBar.placeholder = nil;
[self.searchController.searchBa
浏览 20提问于2017-03-10得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
