Twitter bootstrap twitter引导导航栏导航后固定顶部重叠页面

Twitter bootstrap twitter引导导航栏导航后固定顶部重叠页面,twitter-bootstrap,Twitter Bootstrap,引导网站说 添加.navbar固定顶部,记住要考虑隐藏区域 在它下面,至少添加40px的填充物。一定要加上 这是在核心引导CSS之后和可选响应CSS之前 CSS 我做到了。当页面第一次显示或滚动到顶部时,它会工作 我还有一个附加的辅助导航栏,让您可以向下导航到可见页面的各个部分 当页面向下滚动时,链接的锚位于顶部时停止。但问题是:导航栏涵盖了这一点。因此,部分内容已被涵盖 我尝试在导航后使用此选项将页面进一步滚动几个像素: window.scrollBy(0,-70); 但这不起作用,它混淆了

引导网站说

添加.navbar固定顶部,记住要考虑隐藏区域 在它下面,至少添加40px的填充物。一定要加上 这是在核心引导CSS之后和可选响应CSS之前 CSS

我做到了。当页面第一次显示或滚动到顶部时,它会工作

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

当页面向下滚动时,链接的锚位于顶部时停止。但问题是:导航栏涵盖了这一点。因此,部分内容已被涵盖

我尝试在导航后使用此选项将页面进一步滚动几个像素:

window.scrollBy(0,-70);
但这不起作用,它混淆了附加的二级导航栏,有时会移动二级导航栏

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


我一定是做错了什么,因为这似乎是一个非常常见的用例,我希望它能开箱即用。

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

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

正如这里所解释的:

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

.anchor {
    padding-top: 73px;
    margin-top: -73px;
}
如下文所述: