Еще сделал так
const navigatsia_obertka = document.querySelector(".navigatsia_obertka");
const nav_logo_1 = document.querySelector(".nav_logo_1");
const nav_a = document.querySelectorAll(".nav_a");
let = nav_tsvet_1 = () => {
nav_test = navigatsia_obertka.getBoundingClientRect();
if (nav_test.top >= 300) {
navigatsia_obertka.style.backgroundColor = "#fff"
nav_logo_1.classList.add("nav_logo_1");
nav_logo_1.classList.remove("nav_logo_2");
let = nav_test_2 = () => {
for(let i = 0; nav_a.length; i++){
nav_a[i].style.color = "#ED1C24";
}
}
nav_test_2();
} else if (nav_test.top <= 0) {
navigatsia_obertka.style.backgroundColor = "#ED1C24"
nav_logo_1.classList.remove("nav_logo_1");
nav_logo_1.classList.add("nav_logo_2");
let = nav_test_2_1 = () => {
for(let i = 0; nav_a.length; i++){
nav_a[i].style.color = "#fff";
}
}
nav_test_2_1();
}
}
window.addEventListener("scroll", nav_tsvet_1);
.nav_a{
color:#ED1C24
}
<div class="nav"><a href="#">Наши проекты</a></div>
<div class="nav"><a href="#">Люди о нас</a></div>
<div class="nav"><a href="#">Наша жизнь</a></div>
<div class="nav"><a href="#">Контакты</a></div>
И вроде бы работает, но возникают ошибки