部分/內部鏈接 - 在頁面上留下保證金

我在站點和桌面視圖上使用Bootstrap我將導航欄留在頂部。我想要部分鏈接離開這個差距（60px我相信）。所以，當我有一個...部分/內部鏈接 - 在頁面上留下保證金

<a href="#SectionID">Section Link</a>

有沒有辦法把它尊重頂部導航欄消耗60px？

NOTE：如果相關網站目前正在使用Bootstrap 2，但我正在將它移動到3.如果解決方案在兩者之間不同......或者如果一個版本固有地這樣做我很想知道這些差異。

編輯：我想我鏈接元素，有沒有它上面的差距實際a標籤本身。另外，如果是JS或CSS解決方案，我可以不在意。如果有人禁用了JavaScript，我可以對它們當前的外觀造成輕微的煩惱。

2014-04-13 Jared

添加style="margin-top:60px"到您的標籤 - 這將降低其位置

或者將其放置div標籤前內側：

<div style="top:60px"> 
<a href="#SectionID">Section Link</a> 
</div>

編輯

我希望我的理解現在的問題，如果沒有，對不起

你可以用這種方式把這個JavaScript的網頁

if (window.location.href.indexOf('#') != -1){ 
window.scrollBy(0, -60) 
}

，網頁發現，則所需的部分，只要它加載向下滾動60像素，使得節頭出現在導航欄

2014-04-13 20:14:52 DarkNinja955

我」下面已經添加了信息的問題。我希望鏈接元素尊重導航欄邊距。不是'a'標籤。對困惑感到抱歉。 – Jared

回答