Как сделать так, чтобы шапка не наползала на заголовок на 100px?

Question

[p4pirate]

Вроде бы простая и банальная ситуация. Есть навигация с position:fixed, есть якорь-секция до которого листается страница. Как сделать так, чтобы шапка не наползала на заголовок на 100px (ширину навигации)?
Пробовал делать:

$('a').click( function(){
var scroll_el = $(this).attr('href');
if ($(scroll_el).length != 0)
$('html, body').animate({ scrollTop: $(scroll_el).offset().top-100}, 2000);

}

Не работает! Подскажите, пожалуйста, знающие люди =)

Answer 1

[Andrew]

Сделать
margin-top: 100px;
заголовку?

Comments

[p4pirate]

Тогда получается уродская шапка на 130px, когда отступы везде 30-40px =)
Этот вариант уже рассматривал, не катит заказчику))
Можно ли как то "недоскроллить" JQuery?

[Andrew]

p4pirate, у вас заголовок где? в самом верху? или другой секции и вы хотите чтобы когда доходило до него что-то происходило с шапкой?

[p4pirate]

Andrew, заголовок да, привязан к top: 0;
Нужно чтобы доходя до другой секции он не заезжал всей шапкой на нее, а останавливался в 100px от нее тем самым имитируя стандартную прокрутку до якоря