如何在錨定連結前添加垂直空間？

使用像素偏移定位錨鏈接

使用錨鏈接時，鏈接到的部分通常出現在鏈接的最頂部點擊後的頁面。對於在連結到的部分之前需要一些垂直空間的情況，會出現此問題。

值得慶幸的是，可以利用「scroll-margin-top」屬性來解決此需求。操作方法如下：

<code class="css">#anchor {
  scroll-margin-top: 100px;
}</code>

將具有所需像素值的「scroll-margin-top」屬性指派給接收錨定連結的元素。在本例中，錨標記綁定到 ID 為「anchor」的元素。將「scroll-margin-top」設為 100px，可以確保點擊錨定連結將導覽至距頁面頂部垂直間距 100px 的「anchor」元素。

這是一個瀏覽器- 支援的解決方案，提供相容的方式來控制錨連結的垂直偏移。

以上是如何在錨定連結前添加垂直空間？的詳細內容。更多資訊請關注PHP中文網其他相關文章！