React 导航栏问题（粘性：顶部）无法在单个屏幕上的 2 个导航栏上工作

Question

在网站中导入两个导航栏。两者都是粘性的，但是当我向下滚动导航栏 1 时，它并没有变得粘性。如果我使用位置：顶部然后只有一个导航栏显示，而不是另一个显示在屏幕上。

代码：

      return (
        <>
            <Navbar bg="light" sticky='top'>
                <Container>
                    <Navbar.Brand>Update — $7,500 tax credit is anticipated to be reduced for Model 3 on April 18. Take delivery now. Learn More</Navbar.Brand>
                </Container>
            </Navbar>

            <Navbar style={{background:'transparent'}} bg="dark" variant="dark" sticky='top'>
                <Container>
                    <Teslaicon />
                    {/* <Navbar.Brand href="#home">Navbar</Navbar.Brand> */}
                    <Nav className="me-auto">
                        <Nav.Link href="home">Model S</Nav.Link>
                        <Nav.Link href="#features">Model 3</Nav.Link>
                        <Nav.Link href="#pricing">Model X</Nav.Link>   <Nav.Link href="home">Model S</Nav.Link>
                        <Nav.Link href="#features">Model Y</Nav.Link>
                    </Nav>
                </Container>
            </Navbar>
        </>)
}