腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
在
滚
动上
反应
改变
NavBar
的
样式
、
、
我在这里练习一些
反应
。我希望我
的
NavBar
让backgroundColor超过某个滚动点,但当我滚动回到顶部时,backgroundColor不会变回none。提前感谢您
的
帮助。const top = {backgroundColor: 'none'} &l
浏览 14
提问于2019-12-10
得票数 2
回答已采纳
1
回答
在
Chrome中显示/隐藏重绘/重绘问题
、
、
、
在
Chrome中有一个奇怪
的
问题,我
的
站点引导导航菜单中
的
navbar
品牌元素。 我们有一个更大
的
网站标志显示
在
标题部分,和一个较小
的
标志在导航栏品牌元素显示默认无。
在
向下滚动页面时,我们将导航条粘贴到浏览器
的
顶部,并显示()
navbar
品牌元素。当滚动回
滚
时,小徽标应该隐藏(),因为大徽标随后是可见
的
。滚
动上
的
显示和滚<em
浏览 1
提问于2015-06-02
得票数 1
回答已采纳
3
回答
为什么我
的
React垂直显示引导导航条?
、
、
我正在尝试编写一个带有身份验证
的
react应用程序。因此,导航栏上
的
某些字段只会显示给经过身份验证
的
用户。为此,我有一个
Navbar
.jsx文件和一个SignedInLinks.jsx文件。我
的
NavBar
.jsx:import { Link } from "react-router-dom"; c
浏览 2
提问于2019-03-07
得票数 1
回答已采纳
1
回答
当视图端口更改时,防止列堆叠?(BS)
、
、
我已经修改了引导中
的
导航条,以使用x-滚动,而不是汉堡包/下拉
样式
。我遇到
的
问题是..
navbar
nav和..
navbar
报头正在移
动上
堆叠,我需要它们保持内联。<nav class="
navbar
navbar
-default"> <div class="
navbar
浏览 2
提问于2015-07-23
得票数 0
回答已采纳
1
回答
将nav选项卡
样式
类设置为active (如果当前处于该路由中
的
react路由器)。
、
、
、
、
我有一个
反应
和
反应
-路由器应用程序使用2个嵌套路由提供3条总路由: /,/about,/contact。当我点击链接到每个路径时,我
的
导航上
的
选项卡就会
改变
样式
,并显示出它
的
活动,我相信这是一些引导魔术。问题是当我访问/about或/contact时,nav选项卡没有活动。我是新手,但我想我需要将
样式
属性绑定到检查路由属性、道具或组件状态
的
条件。我不太清楚该如何做,任何帮助都将不胜感激
浏览 2
提问于2016-03-01
得票数 1
回答已采纳
1
回答
由react-router-dom更改触发
的
CSS更改
、
、
我正在创建一个小网站使用创建
反应
应用程序与sass,并希望能够
改变
Navbar
.Brand
的
样式
,包括隐藏它时,主页是可见
的
,基于网址路径。我假设可以使用IF语句,但是找不到一种方法来识别或触发基于react-router-dom路径更改
的
更改。 这有可能吗?如果是这样的话,是怎么做
的
?
浏览 14
提问于2020-12-04
得票数 0
1
回答
React导航栏未显示
、
、
、
、
我一直
在
尝试使用reactstrap将导航栏放入React Project中。但是由于某些原因,导航栏并不只显示NavbarBrand中
的
h1。我试着
改变
css
样式
,复制和粘贴来自不同网站
的
其他示例导航栏,并尝试了其他类似的解决方案,但都不起作用。我使用
的
是React版本17.0.2和reactstrap版本8.9.0。这是我
的
导航栏组件: import React, { Component } from 'react'; import {
浏览 47
提问于2021-10-29
得票数 0
1
回答
使Bootstrap导航栏
在
滚动时折叠?
、
、
、
、
我试图让我
的
Bootstrap导航栏
在
非折叠状态和移动/折叠状态之间切换,当我
在
常规桌面版本上滚动它
的
时候。我尝试使用jQuery,但是这迫使我编写css更改,这会导致jQuery中
的
scrollTop > number of pixels逐行折叠。即使我这样做了,不幸
的
是,即使移动导航栏出现了,菜单选项也总是在那里,并且不会在点击汉堡时关闭。提前谢谢。编辑,下面是我尝试
浏览 1
提问于2015-03-03
得票数 1
1
回答
更改路径更改时按钮
的
外观
开关发生
的
主应用程序如下所示 return ( <div className="App"> </Route> </div> </Router
浏览 1
提问于2021-05-27
得票数 0
回答已采纳
1
回答
如果链路处于活动状态,则响应路由器/CSS没有悬停
样式
。
、
、
、
我已经设置风格
的
导航与
反应
路由器v4。使用此代码更改
样式
,基于悬停和活动
的
工作。然而,我确实希望禁用悬停
样式
,如果我悬停在一个(
反应
路由器)活动链接。我怎样才能做到这一点?这是我目前
的
代码: <NavLink className="inactive" activeClassName="activeLink="
浏览 0
提问于2017-10-27
得票数 0
回答已采纳
1
回答
如何更改滚动中
的
导航链接活动类或如何更改滚动体上
的
window.loaction.hash
、
、
、
、
我正在使用react,我正在构建一个单独
的
页面应用程序,我不想使用react路由器,我只有一个页面和部分,每个部分(或react中
的
组件)都有一个散列,我希望活动导航-链接在滚
动上
改变
,或者我想要更改滚
动上
的
窗口位置散列,这样活动类就可以
在
滚
动上
工作.请帮帮忙 if (ref.current't
浏览 1
提问于2020-11-11
得票数 2
2
回答
如何在一个可重用
的
组件中隐藏div以响应js?
、
、
、
我有导航条可重用
的
组件,其中包含徽标,和公司名称,现在我想把公司名称隐藏在我
的
组件之一,我将使用这个导航条,我如何做到这一点?注意:我使用
的
是功能组件<nav className="
navbar
"> <span className="
navbar
-brand"> </span>
浏览 1
提问于2020-07-05
得票数 0
回答已采纳
2
回答
开玩笑叫我把Link放进路由器里
、
、
我是新来
的
反应
-测试-库!当我测试
Navbar
组件时,我会得到这个错误我
的
Navbar
组件: return (我
的
测试: 从‘@ const库/ React’导入{呈现};从‘./
Navbar
’导入
Navbar
;从‘./
Navbar
浏览 3
提问于2021-02-26
得票数 0
2
回答
Navbar
for React网站
、
、
、
我在学习
反应
。我试图创建一个导航栏,并让我
的
选项卡打开组件作为新
的
页面使用浏览器路由器。(当我单击导航项时,什么都没有发生)我有website_header.js,如下所示:import {
Navbar
,NavItem } from 'react-bootstrap'; return (
浏览 0
提问于2017-05-20
得票数 2
回答已采纳
2
回答
页面向下滚动后如何更改导航条背景色
、
、
我有一个固定
的
导航栏
在
一个引导项目和登陆页面的网站,我已经使肚脐
的
背景透明。当网站滚动下来,我想要肚脐
的
背景改为黑色。我用
的
是鞋带。我想要
的
一个例子是: HTML: <div class="container">
浏览 3
提问于2015-05-12
得票数 0
回答已采纳
1
回答
react测试-显示:
样式
表中没有一个不起作用,但是内联时起作用
、
、
、
、
我已经
在
样式
表中这样设置了它,但是测试告诉我它仍然是display: block。当我更改为内联CSS时,测试承认它确实是display: none。是的,我确实记得导入
样式
表,因为元素
在
浏览器中是不可见
的
。
反应
组件
的
一部分 <button type="button">Sign In<
浏览 1
提问于2020-05-31
得票数 1
1
回答
NextJS TypeScript项目中
的
反带肚脐切换
、
、
、
、
我已经
在
一个使用NextJS TypeScript安装
的
项目上安装了TypeScript。我从中复制了
Navbar
的
例子。导航显示得很好,但在移
动上
,当我单击
Navbar
按钮时,切换菜单不会打开。事实上,来自Reactstrap
的
JavaScript组件没有工作。我也试过调制解调器,它们也不起作用。除了
在
使用Reactstrap组件时不工作
的
JavaScript之外,Reactstrap
样式
完全可以工作。纳瓦尔巴<e
浏览 4
提问于2022-03-29
得票数 0
4
回答
React路由器(v4)
Navbar
、
、
I使用
的
是
反应
性路由器-dom
的
v4<
Navbar
浏览 9
提问于2017-06-15
得票数 10
回答已采纳
1
回答
引导全宽度导航条和"@media“
、
、
、
、
我正在构建一个网站使用引导,无法获得导航条跨越整个页面的宽度,因为Bootstrap
的
默认
样式
强制填充
在
页面的每一边。 body { padding-left: 0px;新
的
问题是,这会导致桌面大小
样式
被忽略我认为解决这一问题
的
唯一方法可能是了解@media
的
用途以
浏览 2
提问于2013-06-12
得票数 1
2
回答
ActionLinks
在
_LoginPartial中
的
造型与_Layout
的
比较
、
、
、
家长问题:<li>@Html.ActionLink("About", "About", "Home", new { area = "" }, new { @class= "
navbar
-brand" })</
浏览 0
提问于2014-11-19
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
深入理解bootstrap
python编程:从入门到实践学习笔记-基于Django框架的Web开发-设计样式和部署(一)
网页响应超简单:有CSS变量我怕谁
CSS变量让你轻松制作响应式网页
CSS 变量让你轻松制作响应式网页
热门
标签
更多标签
云服务器
ICP备案
云直播
对象存储
腾讯会议
活动推荐
运营活动
广告
关闭
领券