Есть отлично работающий код для плавной прокрутки к якорю:
$(document).ready(function(){
$('a[href^="#"]').on('click',function (e) {
e.preventDefault();
var target = this.hash,
$target = $(target);
$('html, body').stop().animate({
'scrollTop': $target.offset().top
}, 900, 'swing', function () {
window.location.hash = target;
});
});
});
Проблема в том, что в новом дизайне сайта у меня есть фиксированное верхнее меню (полоска). И когда происходит прокрутка к якорю-заголовку, то пол заголовка закрывается этим меню, так как якорь поставлен именно на него (переносить якорь выше не хочу из-за сео-оптимизации).
В общем, нужно как-то в этом коде добавить "
-50px"(высота верхнего меню), чтобы прокрутка шла не точно до якоря, а чуть выше. Не знаю как это сделать, подскажите пожалуйста!