我在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>