Страница не прокручивает правильное якорь ⇐ Javascript

[Anonymous]

У меня есть Navbar с фиксированным top и идентификатором Main Header . У меня есть элементы в теле с удостоверением личности.

Код: Выделить всё

scrollTo: function (anchor) {
var headerHeight = $('#main-header').outerHeight() || 0;

var targetOffset = $('#' + anchor).offset();
if (targetOffset) {
$('html, body').animate({
'scrollTop': targetOffset.top - headerHeight
}, 500);
}
},

Но страница прокручивается слишком сильно, как если бы она не учитывает высоту заголовка.
Что мне не хватает?

Подробнее здесь: https://stackoverflow.com/questions/797 ... -correctly