Consulte esta página: https://shibbir.dev/navigate-master/

Aquí puede ver el círculo de puntos en el lado derecho. Si hace clic en el círculo de puntos , irá a la sección correspondiente y resaltará el círculo de puntos. por ejemplo: si hace clic en el segundo círculo de puntos , irá a la sección Acerca de y resaltará el segundo círculo de puntos .

Ahora, mi pregunta es ¿cómo puedo resaltar el círculo de puntos correspondiente si me desplazo por la página?

Mi HTML actual

 <div class="navigate-master"> <ul> <li><a href="#home" class="">&nbsp;</a></li> <li><a href="#about" class="active">&nbsp;</a></li> <li><a href="#services" class="">&nbsp;</a></li> <li><a href="#contact" class="">&nbsp;</a></li> </ul> </div>

y el JS es:

 (function ($) { $(".navigate-master ul li a").on("click", function () { var el = $(this); $(".navigate-master ul li a").removeClass("active"); $(this).addClass("active"); }) })(jQuery);