The scrollspy active section is not updating on the navbar. I'm unsure if there is a missing script or if there is an error in the code.
Script
/* Navbar Spyscroll */
$('body').scrollspy({ target: '#navspy' })
$('[data-spy="scroll"]').each(function () {
var $spy = $(this).scrollspy('refresh')
})
Code
<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>
I anticipate that the active section will correspond to the navbar using the scrollspy, but it remains stuck on #73 once scrolling begins.