https://www.abitarthotel.com/templates/default/js/scrollmagic/init.scrollmagic.js

1// JavaScript Document
2jQuery(document).ready(function($){
3
4
5var controller = new ScrollMagic.Controller({globalSceneOptions: {triggerHook: "onEnter", duration: "200%"}});
6
7/* Home Page - Inizio */
8/* Titolo Pagina */
9if(jQuery('h2.itemTitle').length > 0 ) {
10new ScrollMagic.Scene({triggerElement: "h2.itemTitle"})
11	.setClassToggle("h2.itemTitle", "qnt")
12	//.setTween(".item-page.home h2", {y: "80%", ease: Linear.easeNone})
13	.addTo(controller);
14}
15
16/* Masonry */
17setTimeout(function(){
18	if(jQuery('.background.masonry').length > 0 ) {
19	new ScrollMagic.Scene({triggerElement: ".background.masonry"})
20		.setClassToggle(".background.masonry", "qnt")
21		//.setTween(".item-page.home h2", {y: "80%", ease: Linear.easeNone})
22		.addTo(controller);
23	}
24}, 400);
25
26/*background-custom*/
27setTimeout(function(){
28if(jQuery('.swiper-container-background-custom').length > 0 ) {
29new ScrollMagic.Scene({triggerElement: ".swiper-container-background-custom"})
30	.setClassToggle(".swiper-container-background-custom", "qnt")
31	// .setTween(".swiper-container-background-custom", {y: "80%", ease: Linear.easeNone})
32	.addTo(controller);
33}
34}, 50);
35
36/*articolo*/
37if(jQuery('.itemBody').length > 0 ) {
38new ScrollMagic.Scene({triggerElement: ".itemBody"})
39	.setClassToggle(".itemBody", "qnt")
40	//.setTween(".item-page.home h2", {y: "80%", ease: Linear.easeNone})
41	.addTo(controller);
42}
43
44/*moduli list-article*/
45if(jQuery('.list-article h2').length > 0 ) {
46new ScrollMagic.Scene({triggerElement: ".list-article h2"})
47	.setClassToggle(".list-article h2", "qnt")
48	//.setTween(".item-page.home h2", {y: "80%", ease: Linear.easeNone})
49	.addTo(controller);
50}
51
52/*blocchi list service home/ list article*/
53count = 0;
54$('._animate .k2ItemsBlock .container-full ul li').each(function() {
55new ScrollMagic.Scene({triggerElement: $("._animate .k2ItemsBlock .container-full ul li").get(count), offset: 20})
56		.setClassToggle($("._animate .k2ItemsBlock .container-full ul li").get(count), "qnt")
57		.addTo(controller);
58	count++;
59});
60
61/*blocchi list rooms*/
62// count = 0;
63// $('.list-rooms .k2ItemsBlock .container-full ul li').each(function() {
64// new ScrollMagic.Scene({triggerElement: $(".list-rooms .k2ItemsBlock .container-full ul li").get(count), offset: 20})
65// 		.setClassToggle($(".list-rooms .k2ItemsBlock .container-full ul li").get(count), "qnt")
66// 		.addTo(controller);
67// 	count++;
68// });
69
70/*animazioni generali*/
71count = 0;
72$('._animate h2').each(function() {
73new ScrollMagic.Scene({triggerElement: $("._animate h2").get(count), offset: 20})
74		.setClassToggle($("._animate h2").get(count), "qnt")
75		.addTo(controller);
76	count++;
77});
78
79count = 0;
80$('._animate h3').each(function() {
81new ScrollMagic.Scene({triggerElement: $("._animate h3").get(count), offset: 20})
82		.setClassToggle($("._animate h3").get(count), "qnt")
83		.addTo(controller);
84	count++;
85});
86
87// count = 0;
88// $('._animate .k2ItemsBlock').each(function() {
89// new ScrollMagic.Scene({triggerElement: $("._animate .k2ItemsBlock").get(count), offset: 0})
90// 		.setClassToggle($("._animate .k2ItemsBlock").get(count), "qnt")
91// 		.addTo(controller);
92// 	count++;
93// });
94
95// count = 0;
96// $('._animate .container-full').each(function() {
97// new ScrollMagic.Scene({triggerElement: $("._animate .container-full").get(count), offset: 0})
98// 		.setClassToggle($("._animate .container-full").get(count), "qnt")
99// 		.addTo(controller);
100// 	count++;
101// });
102
103count = 0;
104$('._animate .item').each(function() {
105new ScrollMagic.Scene({triggerElement: $("._animate .item").get(count), offset: 20})
106		.setClassToggle($("._animate .item").get(count), "qnt")
107		.addTo(controller);
108	count++;
109});
110
111count = 0;
112$('._animate .container-full').each(function() {
113new ScrollMagic.Scene({triggerElement: $("._animate .container-full").get(count), offset: 20})
114		.setClassToggle($("._animate .container-full").get(count), "qnt")
115		.addTo(controller);
116	count++;
117});
118
119
120
121
122if(jQuery('.calltoaction').length > 0 ) {
123new ScrollMagic.Scene({triggerElement: ".calltoaction"})
124	.setClassToggle(".calltoaction", "qnt")
125	//.setTween(".item-page.home h2", {y: "80%", ease: Linear.easeNone})
126	.addTo(controller);
127}
128
129if(jQuery('.review').length > 0 ) {
130new ScrollMagic.Scene({triggerElement: ".review"})
131	.setClassToggle(".review", "qnt")
132	//.setTween(".item-page.home h2", {y: "80%", ease: Linear.easeNone})
133	.addTo(controller);
134}
135
136
137/*dettaglio camera*/
138if(jQuery('.itemImageGallery').length > 0 ) {
139new ScrollMagic.Scene({triggerElement: ".itemImageGallery"})
140	.setClassToggle(".itemImageGallery", "qnt")
141	//.setTween(".item-page.home h2", {y: "80%", ease: Linear.easeNone})
142	.addTo(controller);
143}
144if(jQuery('.servizi').length > 0 ) {
145new ScrollMagic.Scene({triggerElement: ".servizi"})
146	.setClassToggle(".servizi", "qnt")
147	//.setTween(".item-page.home h2", {y: "80%", ease: Linear.easeNone})
148	.addTo(controller);
149}
150if(jQuery('.img-dx').length > 0 ) {
151new ScrollMagic.Scene({triggerElement: ".img-dx"})
152	.setClassToggle(".img-dx", "qnt")
153	//.setTween(".item-page.home h2", {y: "80%", ease: Linear.easeNone})
154	.addTo(controller);
155}
156
157/*come raggiungerci + mappa*/
158if (screen.width > 769) {
159
160	if(jQuery('.tab-content').length > 0 ) {
161	new ScrollMagic.Scene({triggerElement: ".tab-content"})
162		.setClassToggle(".tab-content", "qnt")
163		//.setTween(".item-page.home h2", {y: "80%", ease: Linear.easeNone})
164		.addTo(controller);
165	}
166	if(jQuery('.tab-control').length > 0 ) {
167	new ScrollMagic.Scene({triggerElement: ".tab-control"})
168		.setClassToggle(".tab-control", "qnt")
169		//.setTween(".item-page.home h2", {y: "80%", ease: Linear.easeNone})
170		.addTo(controller);
171	}
172}
173
174if(jQuery('.googlemap').length > 0 ) {
175	new ScrollMagic.Scene({triggerElement: ".googlemap"})
176		.setClassToggle(".googlemap", "qnt")
177		.addTo(controller)
178	jQuery('.googlemap').removeClass( "_animate" )
179}
180
181
182
183
184/*posizione*/
185if(jQuery('.mappainterattiva').length > 0 ) {
186new ScrollMagic.Scene({triggerElement: ".mappainterattiva"})
187	.setClassToggle(".mappainterattiva", "qnt")
188	//.setTween(".item-page.home h2", {y: "80%", ease: Linear.easeNone})
189	.addTo(controller);
190}
191if(jQuery('.testosotto').length > 0 ) {
192new ScrollMagic.Scene({triggerElement: ".testosotto"})
193	.setClassToggle(".testosotto", "qnt")
194	//.setTween(".item-page.home h2", {y: "80%", ease: Linear.easeNone})
195	.addTo(controller);
196}
197
198/*gallery*/
199count = 0;
200$('._animate .gallery-page #sp-sig a').each(function() {
201new ScrollMagic.Scene({triggerElement: $("._animate .gallery-page #sp-sig a").get(count), offset: 20})
202		.setClassToggle($("._animate .gallery-page #sp-sig a").get(count), "qnt")
203		.addTo(controller);
204	count++;
205});
206
207/*faq*/
208count = 0;
209$('.faq .container h3').each(function() {
210new ScrollMagic.Scene({triggerElement: $(".faq .container h3").get(count), offset: 20})
211		.setClassToggle($(".faq .container h3").get(count), "qnt")
212		.addTo(controller);
213	count++;
214});
215count = 0;
216$('.faq .container p').each(function() {
217new ScrollMagic.Scene({triggerElement: $(".faq .container p").get(count), offset: 20})
218		.setClassToggle($(".faq .container p").get(count), "qnt")
219		.addTo(controller);
220	count++;
221});
222
223
224});