-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
43 lines (36 loc) · 1.28 KB
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
const hamburger = document.querySelector(".hamburger");
const mobileNavigation = document.querySelector(".mobile-navigation");
const shadow = document.querySelector(".shadow");
const largeScreenNavigation = document.querySelector(".largescreen-navigation");
hamburger.addEventListener("click", () => {
console.log("hello");
hamburger.classList.toggle("active");
mobileNavigation.classList.toggle("active");
largeScreenNavigation.classList.toggle("active");
shadow.classList.toggle("active");
});
shadow.addEventListener("click", () => {
hamburger.classList.remove("active");
mobileNavigation.classList.remove("active");
largeScreenNavigation.classList.remove("active");
shadow.classList.remove("active");
});
/*-----------nav animations---------*/
const header = document.querySelector("header");
const sectionOne = document.querySelector(".home-intro");
const sectionOneOptions = { threshold: 0.8 };
const sectionOneObserver = new IntersectionObserver(function (
entries,
sectionOneObserver
) {
entries.forEach((entry) => {
if (!entry.isIntersecting) {
header.classList.add("nav-scrolled");
} else {
header.classList.remove("nav-scrolled");
}
});
},
sectionOneOptions);
sectionOneObserver.observe(sectionOne);
/*-----------end animations---------*/