nomadhub/main.js at main · PratikPaudel/nomadhub · GitHub

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


 const hamburger =  document.getElementById('hamburger')
 const navClose =  document.getElementById('nav-close')

 const mobileMenu  = document.getElementById('mobile_menu')

 hamburger.addEventListener("click", ()=>{
    mobileMenu.classList.remove('hidden');
})
navClose.addEventListener("click", ()=>{
    mobileMenu.classList.add('hidden');
})


const scrollHeader = () =>{
    const header = document.getElementById('header')
    if(this.scrollY >= 50){
        header.classList.add("border-b", "color-neutral-grey")
    }else{
        header.classList.remove("border-b", "color-neutral-grey")
    }
}

window.addEventListener("scroll", scrollHeader);


const sr = ScrollReveal({
    origin:'top',
    distance:'60px',
    duration:2500,
    delay:400
})
sr.reveal('.service_card', { interval:200 });
sr.reveal('.new_card', { interval:300 });
sr.reveal('.right-item', { origin:'left' });
sr.reveal('.left-item', { origin:'right' });


/* sr.reveal('.home_image');
sr.reveal('.home_contact', { origin:'bottom' });


sr.reveal('.promo__card-1', { origin:'left' });
sr.reveal('.promo__card-2', { origin:'right' });
sr.reveal('.about__img', { origin:'bottom' });
sr.reveal('.about_content', { origin:'top' });
sr.reveal('.menu__items', { origin:'left' });
sr.reveal('.customer__review', { origin:'right' });
sr.reveal('.footer'); */