scroll - 垂直分页问题

Question

我有一个问题，我在 WordPress 中手动进行了垂直分页，例如页面滚动到 id，但是当我单击下一个数字时，它会滚动到上一部分而不是滚动到下一部分，而我为该部分设置了准确的 id，但我仍然有这个问题。请帮助我，有人。这是html代码。

<ul class="number-scroll">
<li class="active"><a class="scroll-link" href="#governance-main">1</a></li>
<li><a class="scroll-link" href="#directors">2</a></li>
<li><a class="scroll-link" href="#advisory">3</a></li>
<li><a class="scroll-link" href="#control-framework">4</a></li>
<li><a class="scroll-link" href="#control-framework2">5</a></li>

这是jQuery代码

jQuery(document).ready(function( $ ){    
$('.number-scroll li').on('click',function(){
  $('.number-scroll li').removeClass('active');
  $(this).addClass('active');
 });
$(".scroll-link").click(function(e) {
  e.preventDefault();
  var id =  $(this).attr('href');
  $('html, body').animate({         
      scrollTop: $(id).offset().top-40
  }, 2000);

}); });