add logo animation
This commit is contained in:
parent
1ab84c2ea5
commit
5587ea1e7c
4 changed files with 33 additions and 2 deletions
|
|
@ -8,6 +8,7 @@ document.addEventListener("DOMContentLoaded", () => {
|
|||
expandedNav: document.querySelector(".expanded-nav"),
|
||||
main: document.querySelector("main"),
|
||||
footer: document.querySelector(".main-footer"),
|
||||
nav: document.querySelector(".main-nav"),
|
||||
};
|
||||
|
||||
// Listeners
|
||||
|
|
@ -24,5 +25,13 @@ document.addEventListener("DOMContentLoaded", () => {
|
|||
if (nodes.expandedNav.classList.contains("open")) {
|
||||
closeNav(nodes);
|
||||
}
|
||||
if (
|
||||
window.scrollY > 100 &&
|
||||
!nodes.nav.classList.contains("main-nav--small")
|
||||
) {
|
||||
nodes.nav.classList.add("main-nav--small");
|
||||
} else if (window.scrollY < 100) {
|
||||
nodes.nav.classList.remove("main-nav--small");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue