Активный раздел Scrollspy не обновляется на панели навигации

Question

Активный раздел на scrollspy не обновляется на панели навигации. Я не уверен, что мне не хватает скрипта или что-то в коде не так.

Сценарий

    /* Navbar Spyscroll */
    $('body').scrollspy({ target: '#navspy' })
    $('[data-spy="scroll"]').each(function () {
      var $spy = $(this).scrollspy('refresh')
    })

код

<nav id="spynav" class="navbar navbar-light bg-transparent d-flex">
   <a class="navbar-brand mx-auto" href="#1">
   <img src="images/guy.png" alt="logo" style="width:85px;padding-bottom: 10px"></a>
   <nav class="nav nav-pills flex-column align-self-center mx-auto">
      <a class="nav-link active" href="#1">1</a>
      <a class="nav-link" href="#2">2</a>
      <a class="nav-link" href="#3">3</a>
      <a class="nav-link" href="#4">4</a>
      <a class="nav-link" href="#5">5</a>
      <a class="nav-link" href="#6">6</a>
      <nav class="nav nav-pills flex-column">
         <a class="nav-link ml-3 my-1" href="#71">71</a>
         <a class="nav-link ml-3 my-1" href="#72">72</a>
         <a class="nav-link ml-3 my-1" href="#73">73</a>
      </nav>
   </nav>
</nav>

Я ожидаю, что активная секция будет следовать за панелью навигации на основе scrollspy, но это заблокируется на # 73, как только я начну прокручивать.

Answer 1

Это решение, которое я нашел.Я надеюсь, что это помогает другим.

$(document).ready(function(){
    $('body').scrollspy({target: ".navbar"});
});