因为我使用的是固定标题，所以如何在div之前停止平滑滚动80px

Question

我正在使用脚本滚动到div函数。现在我把头部固定在顶部，因为我希望它很粘。但是现在当我单击div链接时，它会低于标题，因为标题是固定的。我可以在实际div之前停止滚动80px吗？

这是我正在使用的代码。

A.find_each(batch_size: 10000) do |a|
  a.name = "xyz"
  a.address = "abc"
  a.save
end

Answer 1

你可以从滚动div的顶部偏移量减去标题高度

$('html,body').animate({
    scrollTop: target.offset().top - 80
}, 1000);

Answer 2

您可以将80px取消scrollTop值：

$('html,body').animate({
    scrollTop: target.offset().top - 80;
}, 1000);

如果标题的高度因任何原因发生变化，我建议你让它更具动态性：

var headerHeight = $('#myHeader').height();
$('html,body').animate({
    scrollTop: target.offset().top - headerHeight;
}, 1000);