Hola tengo un menú de anclas actualmente que se mueve a través del sitio web de forma suave, mi problema es el siguiente.
INICIO | PERFIL | DATOS | CONTACTO
Quiero que conforme baje haciendo scroll se vaya seleccionando la zona a la que pertenece en el menu de anclas por ejemplo si con el scroll bajo a la zona DATOS me gustaría que datos estuviese en negrita, si sigo bajando a contacto pues que el negrita pase a contacto
<ul class="navegacion">
<li data-sly-repeat="${nav.elements}" class="menu-anclali">
<a href="#${item.id}" class="cuerpo">${item.id}</a>
</li>
</ul>