Отступ при клике на якорь

Как сделать сверху отступ при клике на якорь меню. Сейчас у меня при клике проматывается к блоку и часть заголовка перекрывается. Как сделать отступ сверху 50px

$(document).on('click', 'a[href^="#"]', function (event) {
    event.preventDefault();
    $('html, body').animate({
        scrollTop: $($.attr(this, 'href')).offset().top
    }, 500);
});