Как сделать так, чтобы панель навигации меняла цвет при прокрутке страницы?
Я бы хотел, чтобы панель навигации была прозрачной, но когда вы прокручиваете страницу вниз, она меняет цвет, например, на красный.
<div class="nav">
<div class="container">
<div class="logo">
<a href="#"><img src="RepublicSquare_logo.svg" style="height: 80px;"></a>
</div>
<div class="navMain">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>