如何在Angular中正确处理滚动条上的导航栏颜色变化？

@HostListener('window:scroll', ['$event'])
onWindowScroll(event: Event) {
  // 处理滚动事件
}

onWindowScroll(event: Event) {
  const scrollPosition = window.pageYOffset;
  // 处理滚动位置
}

onWindowScroll(event: Event) {
  const scrollPosition = window.pageYOffset;
  if (scrollPosition > 100) {
    // 修改导航栏为其他颜色
  } else {
    // 恢复导航栏原始颜色
  }
}

<nav [ngClass]="{'scrolled': isScrolled}">
  <!-- 导航栏内容 -->
</nav>

isScrolled: boolean = false;

onWindowScroll(event: Event) {
  const scrollPosition = window.pageYOffset;
  if (scrollPosition > 100) {
    this.isScrolled = true;
  } else {
    this.isScrolled = false;
  }
}