Плавная прокрутка до якоря на js

Проблема следующая.
Делаю переход по ссылке ссылкана якорь к нужному блоку на странице на html
А именно в ссылке прописываю #block
А в блоке прописываю id="block"
Переход к блоку происходит, но липкое меню вверху страницы загораживает часть блока.
И происходит резкое перемещение.
Как поставить якорь чуть выше блока, чтобы нужный блок был под липким меню и сделать эту прокрутку плавной на js?

Ответ 1

Используйте простой скрипт на js
Добавте ссылке id="a_block"
и укажите отступ размера меню в переменной var menu = 100;
Код

$("#a_block").on("click", function (e) {
   var anchor = $(this);
        
        var menu = 100;
        $('html, body').stop().animate({
   scrollTop: $(anchor.attr('href')).offset().top-menu
   }, 777);
      e.preventDefault();
   return false;
});