這是我需要修復的網站
https://www.glamiva.com/2021/09/its-been-while.html
為什么“主頁”、“關于”、“服務”、“客戶”、“最近的帖子”、“聯系我”按鈕沒有將我帶到它應該帶來的頁面?
目前只有“聯系我”有效
uj5u.com熱心網友回復:
請使用此導航欄而不是當前導航欄。
<ul class="nav navbar-nav navbar-right">
<!-- Top Nav -->
<li><a class="" href="https://www.glamiva.com/#home" onclick="window.location.href=this.href" rel="nofollow">HOME</a></li>
<li><a href="https://www.glamiva.com/#about" onclick="window.location.href=this.href" rel="nofollow">ABOUT</a></li>
<li><a href="https://www.glamiva.com/#services" onclick="window.location.href=this.href" rel="nofollow">SERVICES</a></li>
<li><a href="https://www.glamiva.com/#clients" onclick="window.location.href=this.href" rel="nofollow">CLIENTS</a></li>
<li><a href="https://www.glamiva.com/#work" class="active" onclick="window.location.href=this.href" rel="nofollow">RECENT POSTS</a></li>
<li><a href="/#contact">CONTACT ME</a></li>
</ul>
uj5u.com熱心網友回復:
導航欄中的錨元素在 onclick 事件中有一個函式呼叫該event.preventDefault()方法,從而阻止加載錨標簽的 href 屬性中定義的 URL。
不幸的是,我找不到執行此操作的腳本或代碼片段。也許它是一個專門用于處理內部鏈接的插件或插件。
我只能通過瀏覽器的開發人員工具添加第二個 onclick 函式,檢查event.isDefaultPrevented屬性的值并將其設定為 true。我還禁用了 javascript,可以看到這種情況下的鏈接正常作業。
可能該腳本檢查是否
也就是說,您可以嘗試以下操作來解除這種情況:
- 找到阻止url加載的腳本,盡量不應用(如果這沒有其他不需要的后果),從而恢復錨標簽的默認行為
- 如果前一點是不可能的,則按原樣或根據您的需要使用 Satu Tareku 提出的解決方案。該解決方案有效,因為它不處理塊,而是通過 javascript 加載 url 來規避它。這與其說是解決方案,不如說是一種技巧,如果您必須在多個頁面上應用它,這并不理想。
uj5u.com熱心網友回復:
通過導航欄滾動是 html 和 css 的組合。
<h1 id="about">About</h1> 你需要給 div 或 section 一個 id。
<a href="#about" style="color:white;">About</a>然后導航欄需要有一個指向該 ID 的 href。您可以使用 css 設定它如何滾動/跳躍的樣式。
我沒有意識到這是試圖轉到單獨的頁面,如果是這樣,href = "./" 這應該會自動填充并允許您導航到您試圖將鏈接指向的 html(或其他)檔案.
uj5u.com熱心網友回復:
上面的答案是正確的。如上所述,您可以更改導航欄。要平滑滾動,您可以將其添加到 css 樣式中。
html {
scroll-behavior: smooth;
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/317760.html
