Diskuze: Animace navu
Člen
Šimon Raichl:9.12.2018 23:06
Ahoj, problem je v tom, ze tam nemazes ty classy z navu, zkus toto:
window.addEventListener("scroll", () => {
const nav = document.querySelector("nav");
const lis = document.querySelectorAll("nav > ul > li");
const toggleClasses = (add, remove) => {
nav.classList.add(add);
nav.classList.remove(remove);
lis.forEach(li => {
li.classList.add(`${add}li`);
li.classList.remove(`${remove}li`);
});
};
if (window.scrollY > 0) {
toggleClasses("scrolled", "unscrolled");
}
else {
toggleClasses("unscrolled", "scrolled");
}
});
Akceptované řešení
+20 Zkušeností
+2,50 Kč
+20 Zkušeností
+2,50 Kč
Peter Mlich:11.12.2018 11:25
Editováno 11.12.2018 11:27
toggleClasses = (xxx_add, xxx_remove)
...
nav.classList.add(xxx_add); // pridej class
nav.classList.remove(xxx_remove); // smaz class
...
lis = document.querySelectorAll("nav > ul > li"); // seznam vsech <li> v elementech <nav><ul> (pokud mas na strance 2x <nav>, tak ti to asi nebude fungovat podle ocekavani)
...
lis.forEach(li => { // pro kazde LI
li.classList.add(`${xxx_add}li`); // pridej class xxx_add+'li' (jestli to spravne chapu)
li.classList.remove(`${xxx_remove}li`); // smaz class xxx_remove+'li'
});Ale tenhle druh js nepozivam, prijde mi zmateny 
ta cast s foreach by tam ani nemusela byt, ci myslim. staci zmenit class pro
nav.
Zobrazeno 7 zpráv z 7.