Показать сообщение отдельно
  #21 (permalink)  
Старый 01.07.2020, 07:50
Профессор
Отправить личное сообщение для Сергей Ракипов Посмотреть профиль Найти все сообщения от Сергей Ракипов
 
Регистрация: 01.06.2010
Сообщений: 673

Еще сделал так

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>


И вроде бы работает, но возникают ошибки
Ответить с цитированием