Плавный скрол по якорям в ссылках

Для работы скрипта обязательно необходимо подключить JQuery.
В данном примере все линки которым необходимо реализовать плавный скрол, находятся в родительском блоке .scroll-link.
Для изменения скорости скрола, измените параметр duration.
Для изменения дополнительного отступа, измените параметр offsetTop.

$('body').on('click', '.scroll-link a', function () {

    let href = $(this).attr('href');
    let offsetTop = 50;

    $('html, body').animate({
        scrollTop: $(href).offset().top - offsetTop
    }, {
        duration: 500,
        easing: "linear"
    });

    return false;
});