Jquery 平滑滚动偏移

Question

我正在制作一个单页网站，其中心顶部有粘性导航，宽度约为 1000px，高度约为 20-25px，现在我还包括平滑滚动功能，但我的问题是每当页面滚动到其事件页面时，标题隐藏在粘性导航下方，如何获取粘性导航底部的偏移量？谢谢。

这是js代码顺便说一句:

$('a').click(function(e) {
        var target = $(this).attr('href');
        e.preventDefault();

        $('html,body').animate({
            scrollTop: $(target).offset().top
        }, 800, 'easeInOutCirc');
    });

Answer 1

保持当前代码不变并将偏移量添加到网站顶部的最简单方法是在 .top 之后添加所需的偏移值，如下所示:

$('a').click(function(e) {
    var target = $(this).attr('href');
    e.preventDefault();

    $('html,body').animate({
        scrollTop: $(target).offset().top - 20
    }, 800, 'easeInOutCirc');
});

希望这个答案不像上一个答案那么复杂。 :)