https://mizuhokai.or.jp/data/common/c1001a061001/js/scrollr.js

1// JavaScript Document
2
3// Config
4$(function(){
5window.sr = ScrollReveal({ reset: true ,mobile: true });
6
7sr.reveal('.scrollreveal-normal', { duration: 1000 }, 100);
8sr.reveal('.scrollr', { duration: 1000 }, 100);
9
10	
11	
12// 左から1000px移動しながら表示
13	var scrollr001 = {
14		origin: 'left',
15		distance: '1000px',
16		scale: 1,
17		rotate: { x: 0, y: 0, z: 0 }, 
18		duration: 1200, 
19		reset: false,
20	};
21	sr.reveal('.scrollr001', scrollr001, 100);
22	
23	
24// 右から1000px移動しながら表示
25	var scrollr002 = {
26		origin: 'right',
27		distance: '1000px',
28		scale: 1,
29		rotate: { x: 0, y: 0, z: 0 }, 
30		duration: 1200, 
31		reset: false,
32	};
33	sr.reveal('.scrollr002', scrollr002, 100);
34	
35	// 右から1000px移動しながら表示
36	var scrollr002a = {
37		origin: 'right',
38		distance: '1000px',
39		scale: 1,
40		rotate: { x: 0, y: 0, z: 0 }, 
41		duration: 1200, 
42		delay :200
43	};
44	sr.reveal('.scrollr002a', scrollr002a, 100);
45	
46	// 右から1000px移動しながら表示
47	var scrollr002b = {
48		origin: 'right',
49		distance: '1000px',
50		scale: 1,
51		rotate: { x: 0, y: 0, z: 0 }, 
52		duration: 1200, 
53		delay :400
54	};
55	sr.reveal('.scrollr002b', scrollr002b, 100);
56
57// 下から1000px移動しながら表示
58	var scrollr003 = {
59		origin: 'bottom',
60		distance: '1000px',
61		scale: 1,
62		rotate: { x: 0, y: 0, z: 0 }, 
63		duration: 1200,
64		reset: false,
65	};
66	sr.reveal('.scrollr003', scrollr003, 100);
67	
68// 徐々に拡大しながら表示
69	var scrollr004a = {
70		distance: '0px',
71		scale: 0.5,
72		rotate: { x: 0, y: 0, z: 0 }, 
73		duration: 1200, 
74		reset: false,
75	};
76	sr.reveal('.scrollr004a', scrollr004a, 100);
77	
78// 徐々に拡大しながら表示（2番目に遅れて表示）
79	var scrollr004b = {
80		distance: '0px',
81		scale: 0.5,
82		rotate: { x: 0, y: 0, z: 0 }, 
83		duration: 1200, 
84		delay :300,
85		reset: false,
86	};
87	sr.reveal('.scrollr004b', scrollr004b, 100);
88	
89// 徐々に拡大しながら表示（3番目に遅れて表示）
90	var scrollr004c = {
91		distance: '0px',
92		scale: 0.5,
93		rotate: { x: 0, y: 0, z: 0 }, 
94		duration: 1200, 
95		delay :600,
96		reset: false,
97	};
98	sr.reveal('.scrollr004c', scrollr004c, 100);
99	
100// 徐々に拡大しながら表示（4番目に遅れて表示）
101	var scrollr004d = {
102		distance: '0px',
103		scale: 0.5,
104		rotate: { x: 0, y: 0, z: 0 }, 
105		duration: 1200, 
106		delay :900,
107		reset: false,
108	};
109	sr.reveal('.scrollr004d', scrollr004d, 100);
110	
111	// 徐々に拡大しながら表示（4番目に遅れて表示）
112	var scrollr004e = {
113		distance: '0px',
114		scale: 0.5,
115		rotate: { x: 0, y: 0, z: 0 }, 
116		duration: 1200, 
117		delay :1200,
118		reset: false,
119	};
120	sr.reveal('.scrollr004e', scrollr004e, 100);
121	
122	// 徐々に拡大しながら表示（4番目に遅れて表示）
123	var scrollr004f = {
124		distance: '0px',
125		scale: 0.5,
126		rotate: { x: 0, y: 0, z: 0 }, 
127		duration: 1200, 
128		delay :1500,
129		reset: false,
130	};
131	sr.reveal('.scrollr004f', scrollr004f, 100);
132
133//縦に回転しながら表示
134	var scrollr005 = {
135		rotate: { x: 300, y: 0, z: 0 }, 
136		duration: 2000, 
137	};
138	sr.reveal('.scrollr005', scrollr005);
139	
140//横に回転しながら表示
141	var scrollr006 = {
142		rotate: { x: 0, y: 300, z: 0 }, 
143		duration: 2000, 
144	};
145	sr.reveal('.scrollr006', scrollr006);
146
147//側転するように表示
148	var scrollr007 = {
149		rotate: { x: 0, y: 0, z: 300 }, 
150		duration: 2000, 
151	};
152	sr.reveal('.scrollr007', scrollr007);
153
154//全部指定
155	var scrollr008 = {
156		rotate: { x: 300, y: 300, z: 300 }, 
157		duration: 2000, 
158	};
159	sr.reveal('.scrollr008', scrollr008);
160
161//左から回転しながら表示
162	var scrollr009 = {
163		origin: 'left',
164		distance: '1000px',
165		rotate: { x: 0, y: 0, z: 500 },
166		duration: 2000, 
167	};
168	sr.reveal('.scrollr009', scrollr009);
169
170	
171//素早くアニメーション
172	var scrollr010 = {
173		duration: 500, 
174	};
175	sr.reveal('.scrollr010', scrollr010);
176
177//ゆっくりアニメーション
178	var scrollr011 = {
179		duration: 2000,
180
181	};
182	sr.reveal('.scrollr011', scrollr011);
183
184	
185//即開始
186	var scrollr012 = {
187		delay :0 
188	};
189	sr.reveal('.scrollr012', scrollr012);
190	
191//遅れて開始
192	var scrollr013 = {
193		delay :500, 
194	};
195	sr.reveal('.scrollr013', scrollr013);
196
197//フェードしながら表示
198	var scrollr014a = {
199		opacity: 0,
200		duration: 2000,

201	};
202	sr.reveal('.scrollr014a', scrollr014a);
203
204//ややフェードしながら表示
205	var scrollr014b = {
206		opacity: 0,
207		duration: 2000, 
208		delay :1000,
209	};
210	sr.reveal('.scrollr014b', scrollr014b);
211
212
213//フェードせずに表示
214	var scrollr014c = {
215		opacity: 0,
216		duration: 2000, 
217		delay :2000,
218	};
219	sr.reveal('.scrollr014c', scrollr014c);
220	
221	//フェードせずに表示
222	var scrollr014d = {
223		opacity: 0,
224		duration: 2000, 
225		delay :3000,
226	};
227	sr.reveal('.scrollr014d', scrollr014d);
228	
229	//フェードせずに表示
230	var scrollr014e = {
231		opacity: 0,
232		duration: 2000, 
233		delay :1600,
234	};
235	sr.reveal('.scrollr014e', scrollr014e);
236	
237//拡大〜元のサイズ
238	var scrollr015 = {
239		duration: 1600, 
240  scale: 3,
241  reset: true
242	};
243	sr.reveal('.scrollr015', scrollr015);	
244
245
246//拡大〜元のサイズ
247	var scrollr015a = {
248		duration: 1600, 
249  scale: 3,
250		delay :200,
251  reset: true
252	};
253	sr.reveal('.scrollr015a', scrollr015a);	
254
255
256//拡大〜元のサイズ
257	var scrollr015b = {
258		duration: 1600, 
259  scale: 3,
260		delay :400,
261  reset: true
262	};
263	sr.reveal('.scrollr015b', scrollr015b);	
264
265
266//拡大〜元のサイズ
267	var scrollr015c = {
268		duration: 1600, 
269  scale: 3,
270		delay :600,
271  reset: true
272	};
273	sr.reveal('.scrollr015c', scrollr015c);	
274
275
276//拡大〜元のサイズ
277	var scrollr015d = {
278		duration: 1600, 
279  scale: 3,
280		delay :800,
281  reset: true
282	};
283	sr.reveal('.scrollr015d', scrollr015d);	
284});
285