如何修復 CSS 中固定標題後面跳轉的錨點？

使用CSS 調整固定標頭的HTML 錨點

使用固定標頭時，經常會遇到錨點連結到固定標頭中的內容的情況頁面跳到頁面頂部，遮住標題後面的內容。要解決此問題，可以調整錨點的偏移量以與固定標題的底部對齊。

一個有效的解決方案涉及使用 CSS：

1. 分配錨點Class:為錨點指定一個自訂類，例如「錨點。」

<a class="anchor"></a>

2. 定位錨點： 將錨點設為區塊元素的樣式並相對定位。透過為 top 設定負值，您可以將錨點從其在頁面上的實際位置向上移動。

a.anchor {
  display: block;
  position: relative;
  top: -250px;
  visibility: hidden;
}

此調整可確保錨點仍然連結到正確的內容，同時補償標題後面的隱藏部分。注意可見性：隱藏；屬性用於防止錨點在視覺上可見。

以上是如何修復 CSS 中固定標題後面跳轉的錨點？的詳細內容。更多資訊請關注PHP中文網其他相關文章！