Parece que debería ser simple, pero me está costando encontrar un ejemplo de cómo implementarlo. No puedo entender cómo hacer que los enlaces de la barra lateral se resalten cuando me desplazo a la identificación respectiva a la que apunta el enlace en la página. Aquí hay un ejemplo de esto en el sitio de Microsoft Docs (la barra lateral derecha):
https://docs.microsoft.com/en-us/aspnet/core/blazor/?view=aspnetcore-6.0
Debe agregar una posición adhesiva a su barra lateral con la propiedad superior específica. para más información, puedes leer este artículo. Cómo hacer una barra lateral pegajosa con dos líneas de CSS
.app { display: flex; justify-content: space-between; min-height: 100vh; } aside { width: 33%; border: 1px solid lightgray; position: sticky; top: 0; height: 100vh; } main { width: 66%; } main div { min-height: 300px; margin: 10px; width: 100%; border: 1px solid red; } <div class="app"> <aside>Sticky Sidebar</aside> <main> <div>section</div> <div>section</div> <div>section</div> <div>section</div> <div>section</div> <div>section</div> <div>section</div> <div>section</div> </main> </div>