https://amagi-resort.jp/common2020/js/fade_in.js?v=78d401ea73be47d91904c35ed80556f5

1$(window).on("load", function() {
2  // fade-in
3  // $('.fade-in').css("opacity","1");
4  $(window).scroll(function() {
5    $(".fade-in").each(function() {
6      var imgPos = $(this).offset().top;
7      var scroll = $(window).scrollTop();
8      var windowHeight = $(window).height();
9
10      if (scroll > imgPos - windowHeight + windowHeight / 8) {
11        $(this).css("opacity", "1");
12      } else {
13        $(this).css("opacity", "0");
14      }
15    });
16  });
17
18  // fade-up
19  // $('.fade-up').css({
20  //         'opacity':'1'
21  // });
22  $(window).scroll(function() {
23    $(".fade-up").each(function() {
24      var imgPos = $(this).offset().top;
25      var scroll = $(window).scrollTop();
26      var windowHeight = $(window).height();
27
28      if (scroll > imgPos - windowHeight) {
29        $(this).css({
30          opacity: "1",
31          transform: "translateY(0)",
32          "-webkit-transform": "translateY(0)",
33          "-moz-transform": "translateY(0)",
34          "-ms-transform": "translateY(0)"
35        });
36      } else {
37        $(this).css({
38          opacity: "0",
39          transform: "translateY(70px)",
40          "-webkit-transform": "translateY(70px)",
41          "-moz-transform": "translateY(70px)",
42          "-ms-transform": "translateY(70px)"
43        });
44      }
45    });
46  });
47
48  // fade-left
49  // $('.fade-up').css({
50  //         'opacity':'1'
51  // });
52  $(window).scroll(function() {
53    $(".fade-left").each(function() {
54      var imgPos = $(this).offset().top;
55      var scroll = $(window).scrollTop();
56      var windowHeight = $(window).height();
57
58      if (scroll > imgPos - windowHeight) {
59        $(this).css({
60          opacity: "1",
61          transform: "translateX(0)",
62          "-webkit-transform": "translateX(0)",
63          "-moz-transform": "translateX(0)",
64          "-ms-transform": "translateX(0)"
65        });
66      } else {
67        $(this).css({
68          opacity: "0",
69          transform: "translateX(70px)",
70          "-webkit-transform": "translateX(120px)",
71          "-moz-transform": "translateX(120px)",
72          "-ms-transform": "translateX(120px)"
73        });
74      }
75    });
76  });
77
78  // fade-right
79  // $('.fade-up').css({
80  //         'opacity':'1'
81  // });
82  $(window).scroll(function() {
83    $(".fade-right").each(function() {
84      var imgPos = $(this).offset().top;
85      var scroll = $(window).scrollTop();
86      var windowHeight = $(window).height();
87
88      if (scroll > imgPos - windowHeight) {
89        $(this).css({
90          opacity: "1",
91          transform: "translateX(0)",
92          "-webkit-transform": "translateX(0)",
93          "-moz-transform": "translateX(0)",
94          "-ms-transform": "translateX(0)"
95        });
96      } else {
97        $(this).css({
98          opacity: "0",
99          transform: "translateX(70px)",
100          "-webkit-transform": "translateX(-120px)",
101          "-moz-transform": "translateX(-120px)",
102          "-ms-transform": "translateX(-120px)"
103        });
104      }
105    });
106  });
107});