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

Question

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

Это link на сайт.

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

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

<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()