Javascript 使用按钮添加偏移以使用导航栏平滑滚动

您好，我尝试查找多个解决方案，就像我尝试的

target:before

一样，但没有一个真正有效。我的想法是有一个偏移量为-100px的平滑滚动条，这样我的固定标题就不会阻塞节的内容。我找到了这个使用

a href

作为参考的解决方案

现在是否可以将该引用更改为id为“content”的

按钮

我的代码的其余部分：

html{
滚动行为：平滑；
}
* {
边距：0！重要；
填充：0；
字体系列：helvetica；
}
身体{
高度：300vh；
}
#包裹{
位置：绝对位置；
顶部：400px；
}
#导航栏{
文本对齐：居中；
宽度：100%；
颜色：白色；
z指数：999；
过渡：0.3s；
背景色：暗灰色；
位置：固定；
}

大字标题

内容1

内容1

好的。在谷歌搜索了更多之后，我发现自己在使用

滚动边距顶部：在我的案例中有效

$('a[href^="#"]').on('click',function (e) {

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

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