https://housyoutei.com/yo8dj/wp-content/themes/custom/appearance_action/appearance_action.js?ver=7.1.2

1
2function fadeAnime() {
3
4    const Yadd = 10;
5    
6    //https://coco-factory.jp/ugokuweb/jscss/
7    // ふわっ=======================================================================
8
9    $('.__F-I-t').each(function () { 
10        var elemPos = $(this).offset().top + Yadd;
11        var scroll = $(window).scrollTop();
12        var windowHeight = $(window).height();
13        if (scroll >= elemPos - windowHeight) {
14            $(this).addClass('fadeIn');
15        } else {
16            $(this).removeClass('fadeIn');
17        }
18    });
19
20    $('.__F-U-t').each(function () { 
21        var elemPos = $(this).offset().top + Yadd;
22        var scroll = $(window).scrollTop();
23        var windowHeight = $(window).height();
24        if (scroll >= elemPos - windowHeight) {
25            $(this).addClass('fadeUp');
26        } else {
27            $(this).removeClass('fadeUp');
28        }
29    });
30
31    $('.__F-D-t').each(function () { 
32        var elemPos = $(this).offset().top + Yadd;
33        var scroll = $(window).scrollTop();
34        var windowHeight = $(window).height();
35        if (scroll >= elemPos - windowHeight) {
36            $(this).addClass('fadeDown');
37        } else {
38            $(this).removeClass('fadeDown');
39        }
40    });
41
42    $('.__F-L-t').each(function () { 
43        var elemPos = $(this).offset().top + Yadd;
44        var scroll = $(window).scrollTop();
45        var windowHeight = $(window).height();
46        if (scroll >= elemPos - windowHeight) {
47            $(this).addClass('fadeLeft');
48        } else {
49            $(this).removeClass('fadeLeft');
50        }
51    });
52
53    $('.__F-R-t').each(function () { 
54        var elemPos = $(this).offset().top + Yadd;
55        var scroll = $(window).scrollTop();
56        var windowHeight = $(window).height();
57        if (scroll >= elemPos - windowHeight) {
58            $(this).addClass('fadeRight');
59        } else {
60            $(this).removeClass('fadeRight');
61        }
62    });
63
64    // パタッ=======================================================================
65
66
67    $('.__D-D-t').each(function () { 
68        var elemPos = $(this).offset().top + Yadd;
69        var scroll = $(window).scrollTop();
70        var windowHeight = $(window).height();
71        if (scroll >= elemPos - windowHeight) {
72            $(this).addClass('flipDown');
73        } else {
74            $(this).removeClass('flipDown');
75        }
76    });
77
78    $('.__D-L-t').each(function () { 
79        var elemPos = $(this).offset().top + Yadd;
80        var scroll = $(window).scrollTop();
81        var windowHeight = $(window).height();
82        if (scroll >= elemPos - windowHeight) {
83            $(this).addClass('flipLeft');
84        } else {
85            $(this).removeClass('flipLeft');
86        }
87    });
88
89    $('.__D-LT-t').each(function () { 
90        var elemPos = $(this).offset().top + Yadd;
91        var scroll = $(window).scrollTop();
92        var windowHeight = $(window).height();
93        if (scroll >= elemPos - windowHeight) {
94            $(this).addClass('flipLeftTop');
95        } else {
96            $(this).removeClass('flipLeftTop');
97        }
98    });
99
100    $('.__D-R-t').each(function () { 
101        var elemPos = $(this).offset().top + Yadd;
102        var scroll = $(window).scrollTop();
103        var windowHeight = $(window).height();
104        if (scroll >= elemPos - windowHeight) {
105            $(this).addClass('flipRight');
106        } else {
107            $(this).removeClass('flipRight');
108        }
109    });
110
111    $('.__D-RT-t').each(function () { 
112        var elemPos = $(this).offset().top + Yadd;
113        var scroll = $(window).scrollTop();
114        var windowHeight = $(window).height();
115        if (scroll >= elemPos - windowHeight) {
116            $(this).addClass('flipRightTop');
117        } else {
118            $(this).removeClass('flipRightTop');
119        }
120    });
121
122    // くるっ=======================================================================
123
124
125    $('.__R-X-t').each(function () { 
126        var elemPos = $(this).offset().top + Yadd;
127        var scroll = $(window).scrollTop();
128        var windowHeight = $(window).height();
129        if (scroll >= elemPos - windowHeight) {
130            $(this).addClass('rotateX');
131        } else {
132            $(this).removeClass('rotateX');
133        }
134    });

135
136    $('.__R-Y-t').each(function () { 
137        var elemPos = $(this).offset().top + Yadd;
138        var scroll = $(window).scrollTop();
139        var windowHeight = $(window).height();
140        if (scroll >= elemPos - windowHeight) {
141            $(this).addClass('rotateY');
142        } else {
143            $(this).removeClass('rotateY');
144        }
145    });
146
147    $('.__R-Z-t').each(function () { 
148        var elemPos = $(this).offset().top + Yadd;
149        var scroll = $(window).scrollTop();
150        var windowHeight = $(window).height();
151        if (scroll >= elemPos - windowHeight) {
152            $(this).addClass('rotateLeftZ');
153        } else {
154            $(this).removeClass('rotateLeftZ');
155        }
156    });
157
158    $('.__R-ZR-t').each(function () { 
159        var elemPos = $(this).offset().top + Yadd;
160        var scroll = $(window).scrollTop();
161        var windowHeight = $(window).height();
162        if (scroll >= elemPos - windowHeight) {
163            $(this).addClass('rotateRightZ');
164        } else {
165            $(this).removeClass('rotateRightZ');
166        }
167    });
168
169    // ボンッ=======================================================================
170
171
172    $('.__Z-I-t').each(function () { 
173        var elemPos = $(this).offset().top + Yadd;
174        var scroll = $(window).scrollTop();
175        var windowHeight = $(window).height();
176        if (scroll >= elemPos - windowHeight) {
177            $(this).addClass('zoomIn');
178        } else {
179            $(this).removeClass('zoomIn');
180        }
181    });
182
183
184    $('.__Z-O-t').each(function () { 
185        var elemPos = $(this).offset().top + Yadd;
186        var scroll = $(window).scrollTop();
187        var windowHeight = $(window).height();
188        if (scroll >= elemPos - windowHeight) {
189            $(this).addClass('zoomOut');
190        } else {
191            $(this).removeClass('zoomOut');
192        }
193    });
194
195    // じわっ=======================================================================
196
197
198    $('.__B-t').each(function () { 
199        var elemPos = $(this).offset().top + Yadd;
200        var scroll = $(window).scrollTop();
201        var windowHeight = $(window).height();
202        if (scroll >= elemPos - windowHeight) {
203            $(this).addClass('blur');
204        } else {
205            $(this).removeClass('blur');
206        }
207    });
208
209    // にゅーん=======================================================================
210
211
212    $('.__S-t').each(function () { 
213        var elemPos = $(this).offset().top + Yadd;
214        var scroll = $(window).scrollTop();
215        var windowHeight = $(window).height();
216        if (scroll >= elemPos - windowHeight) {
217            $(this).addClass('smooth');
218        } else {
219            $(this).removeClass('smooth');
220        }
221    });
222
223
224
225    //バグる為凍結
226    // シャッ（背景色が伸びて出現）=======================================================================
227
228
229    $('.__E-LR-t').each(function () { 
230        var elemPos = $(this).offset().top + Yadd;
231        var scroll = $(window).scrollTop();
232        var windowHeight = $(window).height();
233        if (scroll >= elemPos - windowHeight) {
234            $(this).addClass('bgLRextend');
235        } else {
236            $(this).removeClass('bgLRextend');
237        }
238    });
239
240    $('.__E-RL-t').each(function () { 
241        var elemPos = $(this).offset().top + Yadd;
242        var scroll = $(window).scrollTop();
243        var windowHeight = $(window).height();
244        if (scroll >= elemPos - windowHeight) {
245            $(this).addClass('bgRLextend');
246        } else {
247            $(this).removeClass('bgRLextend');
248        }
249    });
250
251    $('.__E-DU-t').each(function () { 
252        var elemPos = $(this).offset().top + Yadd;
253        var scroll = $(window).scrollTop();
254        var windowHeight = $(window).height();
255        if (scroll >= elemPos - windowHeight) {
256            $(this).addClass('bgDUextend');
257        } else {
258            $(this).removeClass('bgDUextend');
259        }
260    });
261
262    $('.__E-UD-t').each(function () { 

263        var elemPos = $(this).offset().top + Yadd;
264        var scroll = $(window).scrollTop();
265        var windowHeight = $(window).height();
266        if (scroll >= elemPos - windowHeight) {
267            $(this).addClass('bgUDextend');
268        } else {
269            $(this).removeClass('bgUDextend');
270        }
271    });
272
273    $('.__E-app-t').each(function () { 
274        var elemPos = $(this).offset().top + Yadd;
275        var scroll = $(window).scrollTop();
276        var windowHeight = $(window).height();
277        if (scroll >= elemPos - windowHeight) {
278            $(this).addClass('bgappear');
279        } else {
280            $(this).removeClass('bgappear');
281        }
282    });
283
284
285
286
287}
288
289// 画面をスクロールをしたら動かしたい場合の記述
290$(window).scroll(function () {
291    fadeAnime();
292});
293
294// 画面が読み込まれたらすぐに動かしたい場合の記述
295$(window).on('load', function () {
296    fadeAnime();
297});