generated from mosiichuk/frontend-base
/
index.js
39 lines (32 loc) · 1003 Bytes
/
index.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
document.addEventListener('DOMContentLoaded', function () {
initMenuBurger();
if (window.matchMedia('(min-width: 768px)')) {
let ps = new ParticleSlider({
ptlGap: 0,
mouseForce: 100,
monochrome: false,
ptlSize: 0.5,
});
let ptl = new ps.Particle(ps);
ptl.ttl = 20;
}
});
document.addEventListener("scroll", () => {
const header = document.getElementById('header');
if (window.pageYOffset > 50) {
header.classList.add("header-scroll");
} else {
header.classList.remove("header-scroll");
}
});
function initMenuBurger() {
let menuDisplayToggle = document.querySelector("#menuToggle input"),
menu = document.querySelector(".menu");
menuDisplayToggle.addEventListener("change", () => {
if (menuDisplayToggle.checked) {
menu.classList.add("menu-active");
} else {
menu.classList.remove("menu-active");
}
})
}