如何根据我们的需要滚动

Question

我有一个固定的header，它在header后面有少量的div。所以我想滚动到 #services div 但使用 -100px 滚动，下面的代码是我当前使用的。我将如何在以下代码行中减去 100px：

$(".menu-services").click(function() {
    $('html, body').animate({
        scrollTop: $("#services").offset().top
    }, 2000);
});

Answer 1

使用以下代码：

$(".menu-services").click(function() {
    $('html, body').animate({
        scrollTop: $("#services").offset().top - 100
    }, 2000);
});

为了让它更动态，假设你的 header id 是 fixed-header 那么你可以写：

$(".menu-services").click(function() {
    $('html, body').animate({
        scrollTop: $("#services").offset().top - $('#fixed-header').outerHeight()
    }, 2000);
});