obe是對的，但如果你仍然需要一個解決方案，那么你可以使用以下方法： if (menu.style.top == "-110%" || menu.style.top == "") { menu.style.top = "60px";} else { menu.style.top = "-110%";} 這將在第一次單擊時起作用，最高值將始終為“”。

只需在.exo-menu內添加z-index:100000 !important;，就像給定的below:- .exo-menu{z-index:100000 !important;} 我希望它能起作用。。。

從主列表視圖中刪除EnvironmentObject。僅按如下方式為列表創建新視圖： struct ListView : View { @EnvironmentObject var apiAdapter: ApiAdapter var body : some View { List { ForEach(apiAdapter.items, id: \.hash) { i in Text(i.name) } } }} 現在您的子視圖只更新，而主視圖保持不變，菜單保持打開狀態。 主列表視圖如下： struct MainListView: View { var body: some View { NavigationView { ListView() //<< here comes your ListView which refreshes independent .navigationBarItems(trailing:

只需將HeaderJSX放在Routes之上。Route組件在其路徑與當前URL匹配時呈現該組件。 UI層次結構應為： function App() { const navs = [ {id: 1, name: 'Home', path: '/', element: <Home/>}, {id: 2, name: 'About', path: '/about', element: <About/>}, {id: 3, name: 'Clock', path: '/clock', element: <Clock/>}, ]; return ( <> <div className={styles.container}> <ErrorBoundary> <Header navs={navs}/> </ErrorBoundary> </div> <Routes> { navs.map((nav) => { return ( <Route key={nav.id} path={nav.path} element={nav.element}/> ); }) } </Routes> </> );}

給你，我想這個代碼修改可能會對你有所幫助。我已經刪除了你的媒體查詢。將顯示和浮動轉換為flex。 如果你想要更多的靈活性，那么你可以在.header樣式中添加flex-wrap:wrap，你也可以在.logo-title中添加同樣的東西來檢查這個樣式。希望我幫了你好運 Code Sandbox Link For Sample Code HTML <hr size="0" width="100%" color="white" /><header class="header"> <div class="logo-title"> <img src="https://via.placeholder.com/500.jpg" /> <br /> <h1>Auran Network</h1> </div> <nav class="nav-bar"> <ul> <li> <a href="">Home</a> <a href="Product Page/Product.html">Products</a> <a href="Gallary Page/Gallary.html">Gallary</a&g

#navigator { top: 0px; left: 0px; position: fixed; z-index: 1000; }

你用header-menu鍵注冊標題菜單，并試圖通過top-menu鍵獲取它，這是不可能的。您必須使用header-menu鍵添加并獲得標題菜單。我們已經更新了代碼。你可以使用這個代碼。 <?php wp_nav_menu( array( 'theme_location' => 'header-menu', 'container' => 'ul', 'menu_class'=> 'd-flex main-menu' ) ); ?>

Following worked: 定義一個數組為3menu-link的變量： // querySelectorAll gets you all 3 menu-linksconst menuLink = document.querySelectorAll(".nav__link"); 定義一個函數（）關閉菜單并向后播放樂透播放器： function closeMenu() { // pageHeader.classList.toggle(menuOpenedClass); // would also work; pageHeader.classList.remove("menu-open"); // play lottie player segment backwards player.getLottie().playSegments([45, 0], true);} 將事件偵聽器添加到所有3menu-links： menuLink.forEach(function (element) { element.addEventListener("click", function () { closeMenu(); })});

您需要將initialValue添加到彈出窗口中，以指示選擇了某個內容。此外，初始值應等于所選值 class _DemoState extends State<Demo> { String _selected = "Ankara"; @override Widget build(BuildContext context) { return Center( child: PopupMenuButton( initialValue: _selected, // add your initial value here itemBuilder: (BuildContext ctx) { return <PopupMenuEntry<String>>[ PopupMenuItem( child: Text("Ankara"), value: "Ankara", ), PopupMenuItem( child: Text("?zmir"), value: "?zmir", ), ]; }, onSelected: (String city) { setState(() { _selected = city; }); }, ), ); }}

就這么做吧。 .full-screen-menu { width: 100%; height: 100vh;} 祝你好運，麥克阿瑟先生！

您正在以錯誤的方式使用SCS嵌套。“變更”應該與"header-links-container"分開。 或者你可以使用一個更容易理解的類名，比如"header-links-container-active"。然后將其像“&-active”一樣嵌套在"header-links-container"中。 Try this: SCSS: .header-links-container { width: 100px; height: 100%; background-color: #eee; position: fixed; top: 0; right: 0; opacity: 0; display: flex; justify-content: center; align-items: center; z-index: 4; transition: all 0.5s; .header-links { display: flex; flex-direction: column; }}.change { opacity: 1; width: 200px;}.hamburger { position: fixed; height: 3rem; width: 3rem; top: 1rem; right: 1rem; cursor: pointer; text-align: center

getElementByClassName should be getElementsByClassName: const toggle = document.getElementsByClassName('menuicon')[0]const navBar = document.getElementsByClassName('ul')[0]menuicon.addEventListener('click', () =>{ navBar.classList.toggle('active')}) .ul{ display:none;}.active{ display:block;} <link rel="stylesheet" integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA==" crossorigin="anonymous" referrerpolicy="no-referrer" /><nav> <h3>Li

“源”菜單僅適用于Java源文件，在編輯其他文件類型時不顯示。 我認為它在啟動時會短暫出現，因為它是透視圖默認菜單集的一部分。當確定沒有正在編輯的Java源文件時，它被隱藏。

ul li { /* add this line for child absolute positioning */ position: relative;}ul li ul { /* change position */ position: absolute; /* remove margin-top */ /* add top (same as li height so that there is no space between Panel and the ul to preserve hover) */ top: 1.75rem;} body, html { height: 100%; margin: 0; padding:0; color: black; font-family: Arial, Helvetica, sans-serif;}a { color: black; text-decoration: none;}body { background: url("background0.jpg") no-repeat; background-size: auto 100%; background-repeat: no-repeat; background-position: right top;}#background { position: absolute; to

const router = new Router({ ...});router.onError((error) => { ...});export default router