Javascript 页面上的锚定滚动和偏移标题

在使用辅助定位点进行页面导航时，如何偏移顶部导航的高度

我使用了：带填充的目标。它可以工作，但当您滚动时，您会看到元素之间的额外填充

我尝试了js，但我认为window.scrollBy是在锚滚动之前/期间出现的。如果我连续多次单击，它最终将给出所需的结果

如何在锚定操作后延迟滚动？

---

更改jQuery代码如下：

$(function(){
 $('.side-nav li a').on('click', function(e){
 e.preventDefault();     
 var scrollTo=$($(this).attr('href'));    
  $('html,body').animate({
    scrollTop: scrollTo.offset().top - $('.header').height()},
    'slow');
  });

}))

---

欢迎来到堆栈溢出！请在问题本身中提供所有相关代码，而不仅仅是在第三方网站上。谢谢！正是我所需要的：）现在有没有一种方法可以在页面之间导航时做到这一点？我的站点有几个页面，它们之间有链接。在页面之间使用这些锚定时，h1位于标题栏后面。

$(function(){
 $('.side-nav li a').on('click', function(e){
 e.preventDefault();     
 var scrollTo=$($(this).attr('href'));    
  $('html,body').animate({
    scrollTop: scrollTo.offset().top - $('.header').height()},
    'slow');
  });