Ajouter la classe active au scroll

Bonsoir, j'ai un menu de navigation qui contient une classe active et j'aimerai qu'elle s'active lorsque je scroll vers le href concerné.

Pour l'instant j'ai juste un code qui l'active quand je clique sur un href du menu :

Code:

---

1 2 3

$(document).on("click", ".navbar .nav-links ul li", function () { $(this).addClass("active").siblings().removeClass("active"); });

---

Quelqu'un peut-il m'aider, merci.

Pièce jointe 628813

vous pouvez utilisez la méthode suivante pour savoir si une balise est actuellement affichée :
https://developer.mozilla.org/fr/doc...dingClientRect

Ou passer par un plugin JQuery
https://github.com/morr/jquery.appear
ou
http://imakewebthings.com/waypoints/

Ou bien encore utiliser IntersectionObserver
https://developer.mozilla.org/en-US/...ectionObserver

Ou bien encore en js pur
https://jsfiddle.net/W33YR/411/

Ou encore
https://jsfiddle.net/webvitaly/c7nS5/light/

Bref en cherchant un peu sur le net on trouve des tonnes de possibilités