防止固定标题重叠内容

Question

我被这个问题困住了，我有一个响应式固定标题，它与主要内容重叠！

我在同一页面上使用内部/锚点链接。无论是从导航菜单/标题链接和从VERTIAL DOT NAVIGATION jquery插件。我无法链接到不同部分，而页眉没有与该部分的第一个60像素重叠。我一直试图将margin-top: 60px;添加到.container和.section-top类中，但没有成功。

我希望能够链接从导航菜单/标题链接和jQuery点导航，没有头与60px重叠。

查看此jsfiddle了解更多！

Answer 1

只需补充一点：

[id^="section"]{ 
    padding-top: 60px; 
} 

，并删除该

.section-top { 
    margin-top: 60px; 
} 

https://jsfiddle.net/w8u2kg1j/

Answer 2

尝试使用下面的CSS，有只填补区域的头部重叠：

section { 
    padding-top:60px; 
}