似乎无法获得网站上正确高度的链接，因为我的菜单挡住了路

Question

我有一个带有固定菜单的网站，菜单 link 会让用户向下翻到他们点击的 link 的内容页面。但是因为我有固定的菜单，当我点击菜单中的 link 并且网站让我失望时，如果我的菜单没有挡道，那将是完美的。但它是。我希望内容在我的固定菜单之后开始，但我不知道如何完成。这是 jQuery 我用来获取 link 来让用户失望：

$(document).ready(function(){
$('li a[href^="#"]').on('click',function (e) {
    e.preventDefault();

    var target = this.hash;
    var $target = $(target);

$('html, body').stop().animate({
     'scrollTop': $target.offset().top
}, 900, 'swing');
            window.location.hash = target;
        });
    });
});

Answer 1

将 $target.offset().top 更改为 $target.offset().top - 64 以考虑固定菜单的高度。根据菜单的高度按需调整，或者直接在代码中查询当前菜单的实际高度。

似乎无法获得网站上正确高度的链接，因为我的菜单挡住了路

can't seem to get the links to the right heights on the website because my menu is in the way

jquery

menu

anchor-scroll