-
Notifications
You must be signed in to change notification settings - Fork 0
/
thryve.js
126 lines (103 loc) · 3.31 KB
/
thryve.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
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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
$(document).ready(function(){
var sections ={
"section1":false,
"section2":false,
"section3":true,
"section4":false,
"section6":true,
"section7":false,
"section8":false,
"section9":true
};
$(".abtus-top").click(function(){
var navh = $(".nav-fix").height();
if(sections[this.dataset.href]==true){
$("html,body").animate({scrollTop:($("#"+this.dataset.href).offset().top-navh)},500);
}
else{
$("html,body").animate({scrollTop:($("#"+this.dataset.href).offset().top)},500);
}
});
if($(window).width()>768){
$(".svm-top").click(function(){
var svm_click = this.id;
var svm_open=$("#section3").find("[data-svm="+svm_click+"]");
svm_open.toggleClass("blurbg-top-click");
svm_open.next("p").toggle();
});
if($("html,body").scrollTop()>$("#section2").offset().top){
$("#nav").addClass("nav-fix");
$("#img-nav").css("display","inline-block");
$("#img-nav").css("animation","example 1s ease forwards");
}
}
$(".blurbg-top").click(function(){
$(this).toggleClass("blurbg-top-click");
$(this).parent().find("p").toggle();
});
$(".bg-img").click(function(){
$(this).closest("div").find("ul").toggleClass("blurbg-top-click");
//works
// $(this).parent().prev("ul").toggleClass("blurbg-top-click");
// $(this).parent().parent().find("ul").toggleClass("blurbg-top-click");
//$(this).parentsUntil("#section3").find("ul").toggleClass("blurbg-top-click");
$(this).parent().toggle();
});
document.addEventListener("scroll",function(){
if($(window).width()>768){
if($("html,body").scrollTop()>=$("#section2").offset().top){
$("#nav").addClass("nav-fix");
$("#img-nav").css("display","inline-block");
$("#img-nav").css("animation","example 1s ease forwards");
}
else{
$("#nav").removeClass("nav-fix");
$("#img-nav").css("animation","example2 1s ease forwards");
//$("#img-nav").css("animation-fill-mode","forwards");
}
var value=$("html,body").scrollTop();
var navh = $(".nav-fix").height();
var sec2=$("#section2").offset().top;
var sec3=$("#section3").offset().top - navh;
var sec4=$("#section4").offset().top;
var sec5=$("#section5").offset().top;
var sec6=$("#section6").offset().top - navh;
var sec7=$("#section7").offset().top;
var sec8=$("#section8").offset().top;
var sec9=$("#section9").offset().top - navh;
$(".abtus-top").css("border-bottom","none");
switch(true){
case (value>=sec2 && value<sec3):
$("#abtus").css("border-bottom","3px solid #a2d557");
break;
case (value>=sec3 && value<sec4):
$("#solns").css("border-bottom","3px solid #a2d557");
break;
case (value>=sec4 && value<sec6):
$("#whyus").css("border-bottom","3px solid #a2d557");
break;
case (value>=sec6 && value<sec7):
$("#reporting").css("border-bottom","3px solid #a2d557");
break;
case (value>=sec7 && value<sec8):
$("#cause").css("border-bottom","3px solid #a2d557");
break;
case (value>=sec8 && value<sec9):
$("#reachus").css("border-bottom","3px solid #a2d557");
break;
default:
break;
}
}
if($(window).width()<768){
$("#nav").addClass("nav-fix");
if($("html,body").scrollTop()>=$("#section2").offset().top){
$("#nav").addClass("nav-fix");
}
$(".nav-fix").click(function(){
$(".abtus-top").toggleClass("abtus-top2");
$("#img-nav").css("display","none");
});
}
},true);
});