在滚动上更改div中的某些内容

Question

当向下滚动px时，我想更改导航栏的背景颜色。我正在使用angular，试图将navbar的布尔值设置为false，并且当您向下滚动时应将其更改为true，如果值为true，则应更改我的navbar的背景颜色。你能给我些帮助吗？

代码：

 public nav__menu: boolean = false;

  @HostListener("window:scroll", [])
  onWindowScroll() {
    const height = window.pageXOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
    if (height > 100) {
      this.nav__menu = true;
    }
  }
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<nav class="nav__menu" [ngStyle]="{background : nav__menu==true ? '#ffffff' : 'none'}"></nav>