Html 跳转到页面上的位置加上额外的像素

我有以下菜单栏的页面。该条有X像素高，因此当我选择跳转到

#div

时，它会跳转到该div，就好像菜单不在那里一样，造成以下情况：

但我当然希望它看起来像这样：

导航栏是90像素高，所以我想知道是否有可能跳到一个div加上一定数量的像素。如果我的问题有其他解决方案，当然也欢迎。

HTML:

<a href="#">Scroll</a>
<div id="divscroll">Hello World</div>

jQuery：

$("a").click(function (e) {
    e.preventDefault();
    $("html, body").animate({
        scrollTop: $("#divscroll").offset().top
    }, 1000 / 2);
});

---

您可以通过以下方式从jquery中的顶部获取精确值：

$（“#divscroll”）.offset（）.top

。现在，您当然可以添加或删除该值。

我认为，如果不只是添加该值，它会添加<代码>$（“#divscroll”）.offset（）.top+90不，我无法让它工作。我甚至修改了小提琴，使它看起来像我的页面（由

div

s和

li

s组合而成），仍然有效。但是当我尝试将它添加到我的页面时，它根本不起作用。你能与我共享小提琴吗？这样我就可以应用它，如果javascript在页面底部，这应该不会是一个问题，对吗？不，这个`我甚至调整了小提琴，使它看起来像我的页面`

$("a").click(function (e) {
    e.preventDefault();
    $("html, body").animate({
        scrollTop: $("#divscroll").offset().top
    }, 1000 / 2);
});