Как компенсировать ссылку «наверх», чтобы учесть фиксированный заголовок?

Question

Я использую плагин jQuery easing на сайте, но у меня возникла небольшая проблема, связанная с тем, что плагин считает верхней частью страницы.

Вот ссылка к рассматриваемому сайту.

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

Кто-нибудь знает, есть ли способ сместить точку, до которой прокручивается плагин, на 65px?

    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript">
$(function() {
    $('ul.side-nav a').bind('click',function(event){
        var $anchor = $(this);
        $('html, body').stop().animate({
            scrollTop: $($anchor.attr('href')).offset().top
            }, 1500,'easeInOutExpo');
            event.preventDefault();
        });
    });
</script>

ЛюбойПомощь приветствуется!

Заранее спасибо,

Том

Answer 1

Разве вы не можете просто изменить значение scrollTop, чтобы компенсировать высоту заголовка?

scrollTop: $($anchor.attr('href')).offset().top - $('.header-wide').height()