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

当我的用户点击按钮时，我需要滚动我的页面

我正在使用以下代码

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

但是，使用此代码，我的页面滚动直到找到

div

并获得

top

属性，我需要此

div

达到特定的

.offset（）.top

，即滚动多一点直到到达固定导航栏

如何使用scrollTop进行此操作

Grupo Produto-Ticket Médio

是

$（“#divTicketMedioGrupoProdutos”）

的标题，现在离导航栏很近，因为我滚动页面。当我的用户点击一个按钮时，我想要这个

更新

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

在下图中，使用代码

$（“#内容”）。制作动画({
scrollTop:$（“#divTicketMedioGrupoProdutos”）.offset（）.top
}“慢”）

<>你可以看到页面滚动，但是新的<代码> div <代码>在页面的中间，因为没有滚动太多（代码）

为.offset（）.top（）调用添加额外像素怎么样

你是说这个div被你的固定导航条覆盖了吗？如果是这样，那么只需获得导航栏的高度并将其添加到sctollTopvalue@Huangism当我滚动页面时，导航栏将始终位于顶部，始终可见。当我点击一个特定的按钮时，我创建了一个
div
，但是现在用户需要滚动页面来查看创建的
div
。因此，我想将此更改为，当用户单击按钮时，页面滚动到创建的
div
，但滚动到
div
最接近
navbar
位置对不起，我不理解您的解释。我知道您希望页面自动滚动到创建的div。但在此之后，我不知道您要滚动到的确切位置。创建一个fiddle@Huangism我用一些图片更新了我的问题，以便更好地解释。据我所知，您的页面将滚动。但不是正确的位置。怎么会滚动“错误”？导航系统覆盖了什么？它甚至没有进入视口吗？小提琴会很好…我的
div
的
offset（）.top
没有固定的值，因此每次呈现页面时，
.offset（）.top
可能有不同的值
    $('#content').animate({
        scrollTop: $("#divTicketMedioGrupoProdutos").offset().top() + 70
    }, 'slow');