https://semaera.jp/season/js/season.js?202311102107

1
2$(window).on('load',function() {
3  $('#top-title').addClass('top-anim1');
4  $('#date').addClass('top-anim2');
5});
6
7  $(window).scroll(function() {
8    $("#pcheader").each(function() {
9      var scroll = $(window).scrollTop();
10      var blockPosition = $("#bridge").offset().top;
11      var windowHeihgt = $(window).height();
12      if (scroll > blockPosition - windowHeihgt + 300) {
13        $(this).addClass("fadeInFast");
14      }else{
15        $(this).removeClass('fadeInFast');
16      }
17    });
18  });
19  $(window).scroll(function() {
20    $(".hamburger").each(function() {
21      var scroll = $(window).scrollTop();
22      var blockPosition = $("#bridge").offset().top;
23      var windowHeihgt = $(window).height();
24      if (scroll > blockPosition - windowHeihgt + 300) {
25        $(this).addClass("fadeInFast");
26      }else{
27        $(this).removeClass('fadeInFast');
28      }
29    });
30  });
31
32  $(window).scroll(function() {
33    $(".fi").each(function() {
34      var scroll = $(window).scrollTop();
35      var blockPosition = $(this).offset().top;
36      var windowHeihgt = $(window).height();
37      if (scroll > blockPosition - windowHeihgt + 150) {
38        $(this).addClass("fadeIn");
39      }
40    });
41  });
42
43  $(window).scroll(function() {
44    $("#slider-area").each(function() {
45      var scroll = $(window).scrollTop();
46      var blockPosition = $("#cast").offset().top;
47      var windowHeihgt = $(window).height();
48      if (scroll > blockPosition - (window.innerHeight * 0)) {
49        $(this).addClass("slider-nyoki");
50      }else{
51        $(this).removeClass('slider-nyoki');
52      }
53    });
54  });
55  $(window).scroll(function() {
56    $("#foot-title").each(function() {
57      var scroll = $(window).scrollTop();
58      var blockPosition = $("#foot-trg").offset().top;
59      var windowHeihgt = $(window).height();
60      if (scroll > blockPosition - (window.innerHeight * 0)) {
61        $(this).addClass("fadeIn");
62      }else{
63        $(this).removeClass('fadeIn');
64      }
65    });
66  });
67
68