Использование навигационной панели с помощью колеса прокрутки мыши
Я сейчас делаю сайт, но заметил, что не сделал способ использовать навигационную панель с колесом прокрутки мыши и не могу найти способ сделать это с помощью JavaScript.
Я использую Django и bootstrap's navbar для информации
<nav class="navbar navbar-expand-lg bg-light">
<div class="container-fluid">
<a class="nav-link active" aria-current="page" href="{% url 'index' %}"><img src="../static/Images/Design_sem_nome-removebg-preview.png" alt="" width="38" height="28 " class="d-inline-block align-text-top">
Psicóloga Wilza Diane</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarScroll">
<ul class="navbar-nav me-auto my-2 my-lg-0 navbar-nav-scroll" style="--bs-scroll-height: 100px;">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="{% url 'sobre' %}">Sobre Mim
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'formacao' %}">Formação</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'contato' %}">Contato</a>
</li>
</ul>
</div>
</div>
</nav>
заранее спасибо за ваши ответы!