На прокрутке изменить что-то в div

Question

Я хочу изменить цвет фона панели навигации при использовании прокрутки вниз на несколько пикселей. Я использую angular, пытался установить логическое значение navbar на false, и когда вы прокручиваете его вниз, оно должно измениться на true, если значение true, это должно изменить цвет фона моей панели навигации. Не могли бы вы мне помочь?

Код:

 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>