-
Notifications
You must be signed in to change notification settings - Fork 1
/
script.js
64 lines (62 loc) · 1.78 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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
'use strict';
// -------Variables-------------------
const menuBtn = document.querySelector('.nav__menu');
const hamburger = document.querySelector('.nav__burger');
const menu = document.querySelector('.nav__links');
const mobLogo = document.querySelector('.mobile-logo');
const links = document.querySelectorAll('.nav__link');
let showMenu = false;
// ------- Hamburger menu ------------
function openModalWindow() {
hamburger.classList.add('open');
menu.classList.add('open');
mobLogo.classList.add('hidden');
document.querySelector('body').classList.add('prevent-scroll');
links.forEach((i) => {
i.classList.add('open');
i.addEventListener('click', () => {
hamburger.classList.remove('open');
menu.classList.remove('open');
mobLogo.classList.remove('hidden');
document.querySelector('body').classList.remove('prevent-scroll');
links.forEach((i) => {
i.classList.remove('open');
});
showMenu = false;
});
});
showMenu = true;
}
function closeModalWindow() {
hamburger.classList.remove('open');
menu.classList.remove('open');
mobLogo.classList.remove('hidden');
document.querySelector('body').classList.remove('prevent-scroll');
links.forEach((i) => {
i.classList.remove('open');
});
showMenu = false;
}
menuBtn.addEventListener('click', () => {
if (!showMenu) {
openModalWindow();
} else {
closeModalWindow();
}
});
// --------Scroll to top btn------
const scroll = document.querySelector('.scroll-top-btn ');
window.addEventListener('scroll', () => {
scroll.classList.toggle('active', window.scrollY > 500);
});
// --------Scroll function--------
function scrollTop() {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
}
// --------
scroll.addEventListener('click', () => {
scrollTop();
});