Pixel-Saraly-Landing/script.js at master · rdfariz/Pixel-Saraly-Landing · 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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
$('.btn_play').click(function(){
    $('.modal_vid').toggleClass('active');
    $('.modal_content').toggleClass('active');
    $('body').toggleClass('fixed');
});

$('.modal_close').click(function(){
    $('.modal_vid').toggleClass('active');
    $('.modal_content').toggleClass('active');
    $('body').toggleClass('fixed');
});

$('.modal_vid').click(function(){
    $('.modal_vid').removeClass('active');
    $('.modal_content').removeClass('active');
    $('body').removeClass('fixed');
});


$('.btn_play2').click(function(){
    $('.modal_vid2').toggleClass('active');
    $('.modal_content2').toggleClass('active');
    $('body').toggleClass('fixed');
});

$('.modal_close2').click(function(){
    $('.modal_vid2').toggleClass('active');
    $('.modal_content2').toggleClass('active');
    $('body').toggleClass('fixed');
});

$('.modal_vid2').click(function(){
    $('.modal_vid2').removeClass('active');
    $('.modal_content2').removeClass('active');
    $('body').removeClass('fixed');
});


$('body').toggleClass('fixed');
//LOADING//
setTimeout(() => {
    $('.preloader').fadeOut("500");
    setTimeout(() => {
        $('.preloader').css("dislay", "none");
        $('body').removeClass('fixed');
    }, 2001);
    const view = document.getElementById('home');
    view.scrollIntoView();
}, 2000);

setTimeout(() => {
    $('.header_right').addClass('active');
    $('.data_header_left .kaji').addClass('active');
    $('.data_header_left .semua').addClass('active');
    $('.data_header_left p').addClass('active');
    $('.data_header_left .btn_login_large').addClass('active');
}, 1990);


$(window).scroll(function(){
    var wScroll = $(this).scrollTop();

    if(wScroll < 30){
        $('nav').removeClass('scrolled');
    }else if(wScroll > 100){
        $('nav').addClass('scrolled');
    }

    $('.header_right').css({
		'transform' : 'translate(0px, '+ wScroll/-4 +'px)'
	})

	$('.header_left').css({
		'transform' : 'translate(0px, '+ wScroll/3 +'px)'
	})
});

// SCROLL INTO
$('.toHome').click(function(){
    const view = document.getElementById('home');
    view.scrollIntoView({block: 'start', behavior: 'smooth'});
});

$('.toAbout').click(function(){
    const view = document.getElementById('about');
    view.scrollIntoView({block: 'start', behavior: 'smooth'});
});

$('.toServices').click(function(){
    const view = document.getElementById('services');
    view.scrollIntoView({block: 'start', behavior: 'smooth'});
});

$('.toContact').click(function(){
    const view = document.getElementById('contact');
    view.scrollIntoView({block: 'start', behavior: 'smooth'});
});