如何根据我们的需求滚动

Question

我有一个固定的标题，它在标题后面生成少量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);
});

为了让它更具动态性，让我们说你的标题ID是fixed-header然后你可以写：

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