javascript - 部分/内部链接-保留点击上方的空白

我在网站和桌面视图上使用Bootstrap，但导航栏始终停留在顶部。我希望该部分链接能够保持此间隙不变（我相信60px）。所以当我有一个...

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

有没有办法让它尊重顶部导航栏消耗的60px？

注意：如果相关，该站点当前正在使用Bootstrap 2，但是我正在将其移至3。差异。

编辑：我想要链接的元素，要在它上面的间隔不是实际的a标记本身。另外，如果它是JS或CSS解决方案，我也可以不在乎。如果某人禁用了JavaScript，那么我对他们目前的表现略为恼火。

最佳答案

将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)
}

这样，页面会找到所需的部分，然后在加载后立即向下滚动60px，使部分标题显示在导航栏下方