主頁上的錨鏈接問題

Question

我的主頁上的錨鏈接有問題。

我有以下菜單，當用戶在主頁上時效果很好，但當訪問另一個頁面並單擊“關於”鏈接時，它不會轉到主頁找到錨點。

<nav class="main-menu">
        <a href="/#about">About</a>
        <a href="/contact">Contact</a>
</nav>

如果我將菜單更改為以下內容，它在其他頁面上時效果很好，但在主頁上時（我主頁的 url 是www.mysite.com/（/后沒有任何內容））並單擊“關於”它在轉到錨點之前再次加載頁面。

<nav class="main-menu">
        <a href="/home#about">About</a>
        <a href="/contact">Contact</a>
</nav>

一直在尋找解決方案：

• 當有人到達我網站的主頁（完整 url： www.mysite.com/ ）時，他們可以單擊“關於”並轉到定位點（無需刷新頁面）。
• 當用戶從另一個頁面單擊“關於”時，他將 go 返回到主頁 ( www.mysite.com/ ) 上的錨點。

提前謝謝了！

Answer 1

您可以通過簡單的 javascript 代碼解決此問題。 先寫一個function然后設置條件如果你在主頁url將是'#about'沒有主頁url將是'/#about'

DOM 可以處理的一切。 Select首頁作為DOM變量然后設置條件

if(!home){const url = '/#about'}

別忘了撥打 function 進入菜單鏈接。

我認為這種方法會奏效。 謝謝