防止固定標題重疊內容

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; 
}