Ссылка на одностраничную ссылку располагается ниже некоторых пикселей, где она связана с #link

Question

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

Я хочу это как

Я пробовал этот код, но безуспешно Сделать ссылку на якорь на несколько пикселей выше, где она связана с

Я использую Javascript

$(document).on('click', 'a.page-scroll', function(event) {
        var $anchor = $(this);
        $('html, body').stop().animate({
            scrollTop: $($anchor.attr('href')).offset().top
        }, 1500, 'easeInOutExpo');
        event.preventDefault();
    });

Answer 1

Я получил решение вопроса, просто вычтя желаемую высоту из фактической высоты.Полный и работающий код для меня следующий

$(document).on('click', 'a.page-scroll', function(event) {
        var $anchor = $(this);
        var desiredHeight = $(window).height() - 577;
        $('html, body').stop().animate({
            scrollTop: $($anchor.attr('href')).offset().top - desiredHeight
        }, 1500, 'easeInOutExpo');
        event.preventDefault();
    });