Якорь не прокручивается правильно

Question

У меня есть макет что-то вроде:

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

Мой баннер имеет position:fixed; и примерно 200px высота.

Проблема заключается в том, что когда я нажимаюссылка с идентификатором фрагмента, прокруткой страницы и якорем (с идентификатором) находится вверху страницы, позади баннера, а не под баннером, где его можно увидеть.

Что-то (CSS или jQuery) мне не хватает?

Answer 1

Это дублирование Слишком большой прокрутки якорей Div

Для запросов, чтобы увидеть пример кода, я разместил полную страницу примера здесь: 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;
}