I'm a beginner in angular, I'm trying to do something like this Link Demo, when I scroll, it changes the color of my links, except that my header is separated in a component called sidebar.component and my sections too, each section is in a component, how can i do that please,

I don't use angular routing because it's a onepage site, so Im using this functions with the click event to scroll to the desired section :

toHome() {
   document.getElementById("home")?.scrollIntoView({behavior:"smooth"});
}

toAbout() {
   document.getElementById("about")?.scrollIntoView({behavior:"smooth"});
}