How to properly handle Navbar color change on Scroll in Angular?

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

My Navbar heading is html code:

<nav class="navbar navbar-expand-md sticky-top">
...
</nav>


where can I add my Script to change its color on Scroll

Continue reading...