我在YouTube上找到了一个如何制作导航栏的视频,但是想不出如何让它停留在屏幕顶部,有没有人能帮忙
功能导航栏():
const navRef = useRef();
const showNavbar = () => {
navRef.current.classList.toggle("responsive_nav");
};
return (
<header className="nav">
<h3>.HamishMcd()</h3>
<nav ref={navRef}>
<a href="/">.Home()</a>
<a href="/work">.MyWork()</a>
<a href="/about">.AboutMe()</a>
<button
className="nav-btn nav-close-btn"
onClick={showNavbar}>
<FaTimes />
</button>
</nav>
<button className="nav-btn" onClick={showNavbar}>
<FaBars />
</button>
</header>
函数App():
return (
<Router>
<Navbar/>
<Routes>
<Route path="/" exact element={<Home/>} />
<Route path="/work" element={<MyWork/>} />
<Route path="/about" element={<AboutMe/>} />
</Routes>
</Router>
2条答案
按热度按时间fsi0uk1n1#
做这个css它的工作。
zkure5ic2#
如果你想要有用的帮助,请添加你的css代码,但是如果你想导航栏是顶部,你可以用途: