如何在錨點連結上方創建空間？

調整頁面上的錨鏈接位置

透過錨連結訪問頁面部分時，用戶通常希望它將他們帶到連結的頁面頁面頂部的區域。然而，在某些情況下，可能需要在連結元素上方保留一些垂直空間。

要實現這一點，解決方案在於scroll-margin-top屬性，該屬性指定空間量（在單擊錨鏈接後，應在鏈接元素和頁面頂部之間保留這些像素）。

範例程式碼：

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

在此範例中，#anchor 元素將啟動對應的錨定連結後，位於頁面頂部下方 100 像素處。

要注意的是，現代瀏覽器都支援滾動邊距頂部屬性，確保在各種平台上的可靠行為。

以上是如何在錨點連結上方創建空間？的詳細內容。更多資訊請關注PHP中文網其他相關文章！