Bootstrap 4 - scrollSpy不更新导航链接

Question

我正在尝试在我的网站上实施Bootstrap 4 scrollSpy功能。我给了身体位置相对：

body {
  overflow-x: hidden;
  position: relative;
}

我在导航栏下面制作了导航链接：

<div class="container-fluid page-nav">
    <div class="container">
      <div class="row">
        <div class="col-md-9 offset-md-3">
          <nav id="page-nav" class="nav section-links">
            <a class="nav-link" href="#info">Info</a>
            <a class="nav-link" href="#videos">Videos</a>
            <a class="nav-link" href="#stats">Statistics</a>
         </nav>
      </div>
    </div>
  </div>
</div>

滚动到导航链接时，我正在修复导航链接：

  $('body').scrollspy({ target: '#page-nav' });

  let pageNav = document.querySelector('.page-nav');
  let fixClass = 'is-fixed';

  function stickyScroll() {
    if( window.pageYOffset > 56 ) {
      pageNav.classList.add(fixClass);
    }
    if( window.pageYOffset < 56 ) {
      pageNav.classList.remove(fixClass);
    }
  }
  $(window).scroll(stickyScroll);

我添加了固定类来修复它们：

.is-fixed {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 10;
  top: 0;
}

但是，scrollSpy无法正常工作，我做错了什么以及如何解决这个问题？