How Do I Make Transparent Navbar Have Background Color After Scroll?

Question

I want to give my navbar the effect of being transparent initially, but upon scrolling is given a black background color. I understand that Javascript is best suited for the