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

Question

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

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

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

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

Есть ли что-то (CSS или jQuery), которое мне не хватает?

Answer 1

Это DUP из Div anchors scrolling too far

для запросов, чтобы увидеть пример кода, я поместил полный пример страницы здесь: https://gist.github.com/denised/5924370.

Ключевой бит является наличие двух дивы (#header и #mainbody) и следующий бит CSS (который я считаю, это довольно стандартный способ создания фиксированного заголовка):

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

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