Попробовал несколько способов, но все они некорректно работают.
Тут есть еще нюанс в том, что у меня на сайте плавная прокрутка с помощью кода:
$('.page-link, .mobile-page-link')
.not('[href="#"]')
.not('[href="#0"]')
.click(function(event) {
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
if (target.length) {
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top
}, 1000, function() {
var $target = $(target);
$target.focus();
if ($target.is(":focus")) {
return false;
} else {
$target.attr('tabindex','-1');
$target.focus();
};
});
}
}
});
Какие строчки в него добавить чтобы опустить или поднять якорь на 100 пикселей?
Таким образом будет не только плавная прокрутка, но и остановка прокрутки с нужным отступом.
Заранее благодарю за ответы!