滚动页面直到div到达导航栏

Question

当用户点击按钮

时，我需要滚动页面

我使用以下代码

$('#content').animate({
   scrollTop: $("#divTicketMedioGrupoProdutos").offset().top
}, 'slow');

但是，使用此代码，我的页面会滚动，直到找到div并获得top属性，我需要此div到达特定的.offset().top，即滚动一点直到到达我的固定导航栏。

如何使用scrollTop进行此操作？

Grupo Produto - Ticket Médio是$("#divTicketMedioGrupoProdutos")的标题，因为我滚动页面，现在看起来离我的导航栏非常近。当用户点击按钮时我想要这个。

更新

查看下图，当我点击图表中的绿色条时，生成一个新图形;

在下图中，使用代码

$('#content').animate({ scrollTop: $("#divTicketMedioGrupoProdutos").offset().top }, 'slow');

你可以看到页面滚动但新div位于页面中间，因为没有滚动这么多（使用代码）

Answer 1

如何在.offset（）。top（）调用中添加其他像素？

    $('#content').animate({
        scrollTop: $("#divTicketMedioGrupoProdutos").offset().top() + 70
    }, 'slow');