https://uta-clinic.com/js/jquery.inview_set.js

1
2
3//upスタイルが画面内にきたら、スタイルupstyleを適用する
4$('.up').on('inview', function() {
5	$(this).addClass('upstyle');
6});
7
8//downスタイルが画面内にきたら、スタイルdownstyleを適用する
9$('.down').on('inview', function() {
10	$(this).addClass('downstyle');
11});
12
13//transform1スタイルが画面内にきたら、スタイルtransform1styleを適用する
14$('.transform1').on('inview', function() {
15	$(this).addClass('transform1style');
16});
17
18//transform2スタイルが画面内にきたら、スタイルtransform2styleを適用する
19$('.transform2').on('inview', function() {
20	$(this).addClass('transform2style');
21});
22
23//transform3スタイルが画面内にきたら、スタイルtransform3styleを適用する
24$('.transform3').on('inview', function() {
25	$(this).addClass('transform3style');
26});
27
28//blurスタイルが画面内にきたら、スタイルblurstyleを適用する
29$('.blur').on('inview', function() {
30	$(this).addClass('blurstyle');
31});
32
33//fadeスタイルが画面内にきたら、スタイルfade-inを適用する
34/*$('.fade').on('inview', function() {
35	$(this).addClass('fade-in');
36});*/