Еще сделал так
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> И вроде бы работает, но возникают ошибки |
Цитата:
Если вы видите их в консоле, так исправляйте. Что за строки 11 и 21? Строки 11-16 можно просто записать nav_a.forEach(ea => ea.style.color = "#ED1C24"); строки 21-26 аналогично |
voraa,
все сработало а что такое ea это параметр? |
Цитата:
|
Цитата:
см функцию forEach https://developer.mozilla.org/ru/doc.../Array/forEach |
рони,
voraa, Спасибо, за помощь. Правда очень признателен. |
Скажите правильно ли поинмаю
nav_test_1.top <= 0 && nav_test_2 <= 960 если два условия совпадают то выполнится действия.
let = nav_tsvet_2 = () => {
nav_test_1 = navigatsia_obertka.getBoundingClientRect();
nav_test_2 = navigatsia_obertka.offsetWidth;
if (nav_test_1.top >= 0 && nav_test_2 >= 960) {
nav_a.forEach(ea => ea.style.color = "#ED1C24");
}
else if(nav_test_1.top <= 0 && nav_test_2 <= 960){
nav_a.forEach(ea => ea.style.color = "#fff");
}
console.log(nav_test_2);
}
window.addEventListener("scroll", nav_tsvet_2);
|
Сергей Ракипов,
условие со знаком равно, логично использовать один раз, либо в строке 4 либо в строке 7. |
рони,
Я кажется понял, а если (nav_test_1.top >= 1 && nav_test_2 >= 961) (nav_test_1.top <= 0 && nav_test_2 <= 960) я бы проверил но я не возле компа |
Цитата:
|
| Часовой пояс GMT +3, время: 11:29. |