Tengo una página html dividida en secciones. A su vez tengo un menú con las diferentes secciones, de modo que si pinchas en un elemento del menú te lleva a la sección correspondiente. Quiero que según el usuario vaya pasando por las diferentes secciones, éstas se vayan resaltando o poniendo en negrita en el menú. Este es el código del menú:
<div class="menu-lateral">
<div class="contenido-menu-lateral">
<a href="#detalles" class="ele-menu"><span class="iconosml"><i class="fas fa-info"></i></span>Detalles</a>
<a href="#datostecnicos" class="ele-menu"><span class="iconosml"><i class="fas fa-stream"></i></span>Datos técnicos</a>
<a href="#grafico" class="ele-menu"><span class="iconosml"><i class="fas fa-chart-line"></i></span>Gráfico</a>
</div>
</div>
Y aquí dejo el ejemplo con dos secciones:
<div class="contenido">
<section id="detalles" class="compartimento">
<h2>Detalles</h2>
<p> Aquí van los detalles</p>
</section>
<section id="datostecnicos" class="compartimento">
<h2>Datos técnicos</h2>
<p>Aquí indicadores técnicos</p>
</section>
</div>