锚定不能正确滚动

Question

我的布局有以下几点：

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

我的横幅有position:fixed;，大约200px高。

问题在于，当我点击带有片段标识符的链接时，页面会滚动并且锚点（带有标识符）位于页面顶部，位于后面而不是可以看到它的横幅。

我缺少某些东西（CSS或jQuery）吗？

Answer 1

这是Div anchors scrolling too far

的副本

有关查看示例代码的请求，我在此处填写了完整的示例页面：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;
}