Якорь для сайта: как сделать, чтобы прокрутка останавливалась на определенном расстоянии от границы сайта?

Question

[Roman]

Здравствуйте.
Есть сайт, на котором используется закрепленное меню сверху, 45px - высота меню.

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

Как настроить это расстояние? Сделать так, чтобы прокрутка останавливалась тогда, когда соприкоснутся нижняя граница меню и верхняя граница блока, к которому прокручивается?

Благодарю за ответ.

Answer 1

[Oaks]

<a href="#anchor">...</a>
<!-- Блок до которого нужно прокрутиться-->
<div id="anchor" class="anchor">
<h1>Заголовок</h1>
</div>

.anchor {
padding-top: 55px;
margin-top: -55px
}

Answer 2

[Андрей Андреев]

Поидее как-то так. Не проверял, под рукой нету подходящей страницы, но поидее должно работать

$(function() {
    var hash = document.location.hash;
    if (hash.length>1 && $(hash).length){ 
        $('html, body').animate({
            scrollTop: $(hash).offset().top-45
        }, 0);
    }
});