錨不正確滾動

Question

我沿着線佈局的東西：

<div class="banner"></div> 
<div class="content"></div> 

我旗有position:fixed;和大致200px高。

問題是，當我點擊一個帶有片段標識符的鏈接時，頁面會滾動，並且錨點（帶有標識符）位於頁面頂部後面的橫幅上，而不是在橫幅下面可見。

有什麼（CSS或jQuery），我失蹤了？

Answer 1

這是Div anchors scrolling too far

一個DUP對於請求查看示例代碼，我在這裏提出一個完整的示例頁面：https://gist.github.com/denised/5924370。

關鍵位是兩個div（的#header和#mainbody）和CSS的以下位（我認爲是創建一個固定的頭一個相當標準的方式）的存在：你能

#header { 
    position:fixed; 
    left:0; right:0; top:0; 
    background-color: #F0F0E8; 
    z-index:2; 
} 

#mainbody { 
    position: absolute; 
    top: 150px; 
}