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

Question

我有这个页面，下面有一个菜单栏。此栏高X像素，所以当我选择跳转到#div时，它会跳转到该div，就像菜单不在那里一样，产生以下情况：

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

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

Answer 1

HTML：

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

CSS：

div#divscroll { margin-top: 5000px; }  

jQuery：

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

FIDDLE DEMO

您可以通过以下方式从jquery中获取顶部的确切值：$("#divscroll").offset().top。当然，您可以添加或删除此值。