title: How to properly handle Navbar color change on Scroll in Angular?
body: <p>I'm making a project in angular. I would like to add a navbar which have transparent background initially but on scroll it will change its color. I am using bootstrap classes for that</p>
  
  <p>My Navbar heading is html code:</p>
  
  <pre><code>&lt;nav class="navbar navbar-expand-md sticky-top"&gt;
      ...
  &lt;/nav&gt;
  </code></pre>
  
  <p>where can I add my Script to change its color on Scroll</p>