跳轉到同一頁面的不同部分有餘量

Question

我使用下面的代碼，即可跳轉至this page

<span id="section1"> 
<a href="#section1"></a> 

不同的部分基本上當你點擊它跳到該節，但我的浮動鏈接導航會阻止標題。如何使頁面跳轉到「section1」，但有50個頁邊空白？

編輯：這些都是可以接受的解決方案，但我忘了提及我使用名爲「Table of Contents Plus」的插件來創建這些鏈接。我不熟悉JavaScript，需要知道在插件代碼中修改哪些內容才能添加這些解決方案。

Answer 1

我用你的具體頁面和this answer來想出一個體面的解決方案。實際上具有錨ID的<span>應該具有position: relative; top: -100px的樣式，並且具有實際文本的內部<strong>應該是position: relative; top: 100px。這會導致文本出現在正常位置，但會導致錨鏈接將文本發送給您。你可以玩確切的數字，直到它看起來完全如你所願。

Answer 2

section1:target {margin-top: 50px} 

的:target僞類當你在URL中的ID應用性能。