twitter bootstrap navbar导航后固定顶部重叠页面

Question

引导网站说

添加.navbar-fixed-top并记住通过添加至少40px填充来计算其下方的隐藏区域.一定要在核心Bootstrap CSS之后和可选的响应式CSS之前添加它.

我做到了当页面首次显示或滚动到顶部时,它可以正常工作.

我还有一个附加的辅助导航栏,让您可以向下导航到可见页面的各个部分.

当页面向下滚动时,它会在链接锚点位于顶部时停止.但问题是:这是由导航栏覆盖的.因此,部分内容将被涵盖.

我尝试在导航后使用此功能进一步滚动页面一些像素:

window.scrollBy(0,-70);

但这不起作用,它会混淆有时移动的附加辅助导航栏.

当使用固定在顶部的导航栏时,如何链接到某个部分并让它完全显示？

我必须做一些非常错误的事情,因为这似乎是一个非常频繁的用例,我希望它可以开箱即用.

Answer 1

这个问题可以通过给锚定正填充和负边距来解决,如下所示:

.anchor {
    padding-top: 73px;
    margin-top: -73px;
}