https://semaera.jp/anime/js/anime.js?202312051653

1
2$(window).on('load',function() {
3  $('#top-bg-right').addClass('top-bg-right');
4  $('#top-bg-left').addClass('top-bg-left');
5  $('#top-bg1').addClass('top-bg1');
6  $('.top-others').addClass('top-ani-last');
7});
8
9  $(window).scroll(function() {
10    $("#pcheader").each(function() {
11      var scroll = $(window).scrollTop();
12      var blockPosition = $("#bridge").offset().top;
13      var windowHeihgt = $(window).height();
14      if (scroll > blockPosition - windowHeihgt + 300) {
15        $(this).addClass("fadeInFast");
16      }else{
17        $(this).removeClass('fadeInFast');
18      }
19    });
20  });
21  $(window).scroll(function() {
22    $(".hamburger").each(function() {
23      var scroll = $(window).scrollTop();
24      var blockPosition = $("#bridge").offset().top;
25      var windowHeihgt = $(window).height();
26      if (scroll > blockPosition - windowHeihgt + 300) {
27        $(this).addClass("fadeInFast");
28      }else{
29        $(this).removeClass('fadeInFast');
30      }
31    });
32  });
33
34  $(window).scroll(function() {
35    $(".fi").each(function() {
36      var scroll = $(window).scrollTop();
37      var blockPosition = $(this).offset().top;
38      var windowHeihgt = $(window).height();
39      if (scroll > blockPosition - windowHeihgt + 150) {
40        $(this).addClass("fadeIn");
41      }
42    });
43  });
44
45  $(window).scroll(function() {
46    $("#cast-photo1").each(function() {
47      var scroll = $(window).scrollTop();
48      var blockPosition = $(this).offset().top;
49      var windowHeihgt = $(window).height();
50      if (scroll > blockPosition - windowHeihgt + 150) {
51        $(this).addClass("cast-photo1");
52      }
53    });
54  });
55  $(window).scroll(function() {
56    $("#chara-photo1").each(function() {
57      var scroll = $(window).scrollTop();
58      var blockPosition = $(this).offset().top;
59      var windowHeihgt = $(window).height();
60      if (scroll > blockPosition - windowHeihgt + 150) {
61        $(this).addClass("chara-photo1");
62      }
63    });
64  });
65  $(window).scroll(function() {
66    $("#cast-photo2").each(function() {
67      var scroll = $(window).scrollTop();
68      var blockPosition = $(this).offset().top;
69      var windowHeihgt = $(window).height();
70      if (scroll > blockPosition - windowHeihgt + 150) {
71        $(this).addClass("cast-photo2");
72      }
73    });
74  });
75  $(window).scroll(function() {
76    $("#chara-photo2").each(function() {
77      var scroll = $(window).scrollTop();
78      var blockPosition = $(this).offset().top;
79      var windowHeihgt = $(window).height();
80      if (scroll > blockPosition - windowHeihgt + 150) {
81        $(this).addClass("chara-photo2");
82      }
83    });
84  });
85  $(window).scroll(function() {
86    $("#fixed-bg1").each(function() {
87      var scroll = $(window).scrollTop();
88      var blockPosition = $("#slider-area").offset().top;
89      var windowHeihgt = $(window).height();
90      if (scroll > blockPosition - (window.innerHeight * 0)) {
91        $(this).addClass("fadeInFast");
92      }else{
93        $(this).removeClass('fadeInFast');
94      }
95    });
96  });
97  $(window).scroll(function() {
98    $("#fixed-bg2").each(function() {
99      var scroll = $(window).scrollTop();
100      var blockPosition = $("#slider-area").offset().top;
101      var windowHeihgt = $(window).height();
102      if (scroll > blockPosition - (window.innerHeight * 0)) {
103        $(this).addClass("fixed-bg2");
104      }else{
105        $(this).removeClass('fixed-bg2');
106      }
107    });
108  });
109  $(window).scroll(function() {
110    $("#foot-kotei0").each(function() {
111      var scroll = $(window).scrollTop();
112      var blockPosition = $("#footer-ue").offset().top;
113      var windowHeihgt = $(window).height();
114      if (scroll > blockPosition - (window.innerHeight * 0)) {
115        $(this).addClass("fadeIn");
116      }else{
117        $(this).removeClass('fadeIn');
118      }
119    });
120  });
121
122  $(window).scroll(function() {
123    $(".foot-koteis").each(function() {
124      var scroll = $(window).scrollTop();
125      var blockPosition = $("#footer-ue").offset().top;
126      var windowHeihgt = $(window).height();
127      if (scroll > blockPosition - (window.innerHeight * 0)) {
128        $(this).addClass("fadeIn");
129      }else{
130        $(this).removeClass('fadeIn');
131      }
132    });
133  });
134
135
136  // モーダルウィンドウを開くイベントを設定します。
137  $('.js-movie1-open, .js-modal1-open, .js-modal2-open, .js-modal3-open, .js-modal4-open, .js-modal5-open, .js-modal6-open, .js-modal7-open, .js-modal8-open').on('click',function(event){
138    event.preventDefault();
139    // モーダルを開く前のスクロール位置を保存します。
140    scrollPosition = $(window).scrollTop();
141    
142    $('body').css('overflow', 'hidden');
143    

144    // クリックされた要素に対応するモーダルウィンドウを開きます。
145    var target = $(this).data('target');
146    $(target).fadeIn();
147    
148    return false;
149  });
150  
151  // ボタン切り替え
152  $('.movie-btn').on('click',function(){
153    $('.movie-btn').removeClass('activee');
154    $(this).addClass('activee');
155  });
156  $(".movie-btn").click(function(){
157    var id = $(this).attr('data-href');
158    $(".umekomi-modal").attr("src","https://www.youtube.com/embed/" + id );
159    return false;
160  });
161  
162  // モーダルウィンドウを閉じるイベントを設定します。
163  $('.js-movie1-close, .js-modal1-close, .js-modal2-close, .js-modal3-close, .js-modal4-close, .js-modal5-close, .js-modal6-close, .js-modal7-close, .js-modal8-close').on('click', function(event) {
164    event.preventDefault();
165    $('body').css('overflow', 'auto');
166    
167    // モーダルを閉じた後、保存しておいたスクロール位置に戻します。
168    $(window).scrollTop(scrollPosition);
169    
170  
171  
172    // クリックされた要素に対応するモーダルウィンドウを閉じます。
173    var target = $(this).data('target');
174    $(target).fadeOut();
175    $('.movie-btn').removeClass('activee');
176    $('#default').addClass('activee');
177    $(".umekomi-modal").attr("src", "");
178  });
179  
180
181