將填充添加到ID鏈接但不顯示填充

Question

我的頁面上有目錄，鏈接到頁面上的ID，但是當您單擊ID時，我粘貼了一些ID內容的頭部粘貼，我需要向ID添加填充以便將內容向下推送通過粘性導航，但如果我這樣做，則會有很多空間，那麼如何使ID鏈接停止ID標識內容上方大約50px或100px的頁面？

如果您訪問我的頁面http://stormable.com/heroes/kerrigan/#abilities，您會看到導航覆蓋#abilities div的最頂部。

<ul> 
<li>#abilities</li> 
<li>#talents</li> 
</ul> 

<div id="abilities"> 
Content 
</div> 

<div id="talents"> 
Content 
</div> 

所以，當你點擊它的能力將帶你到能力ID的最頂端，我知道我可以再補充填充，以能力的頂部，但我不想因爲這會推即遠離其他內容。

Answer 1

你應該看看JavaScript的這種問題。

但這裏是一個解決方案：

#abilities{ 
    padding: 50px 0 0; 
    margin: -50px 0 0; 
} 

它會做的工作。 （對所有部分都一樣）