OnePage | Ajouter la class active lors du scroll
Bonjour,
je suis en train de créer un site web (onepage) et j'aimerai ajouter la class active lorsque je scroll sur le href en question
J'ai testais plein de truc plein de trucs mais rien y fait, quelqu'un saurai comment faire ?
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
|
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link active" href="#home">HOME</a></li>
<li class="nav-item"><a class="nav-link" href="#about">ABOUT</a></li>
<li class="nav-item"><a class="nav-link" href="#gallery">GALLERY</a></li>
<li class="nav-item"><a class="nav-link" href="#contact">CONTACT</a></li>
</ul>
<div id=#home>
<!-- contenu -->
</div>
<div id=#about>
<!-- contenu -->
</div>
<div id=#gallery>
<!-- contenu -->
</div>
<div id=#contact>
<!-- contenu -->
</div> |