https://www.intermesh.co.jp/script/top.js?t=20260120

1
2$(function(){
3const items = document.querySelectorAll(".img_slowly");
4
5let currentScroll = 0;
6let targetScroll = 0;
7const inertia = 0.08; 
8
9window.addEventListener("scroll", () => {
10  targetScroll = window.scrollY;
11});
12
13function animate() {
14  currentScroll += (targetScroll - currentScroll) * inertia;
15
16  const windowCenter = window.innerHeight / 2;
17
18  items.forEach(el => {
19    const rect = el.getBoundingClientRect();
20    const elementCenter = rect.top + rect.height / 2;
21
22    const diff = elementCenter - windowCenter;
23
24    const depth = parseFloat(el.dataset.depth) || 0.2;
25
26    el.style.transform = `translateY(${-diff * depth}px)`;
27  });
28
29  requestAnimationFrame(animate);
30}
31
32animate();
33});
34
35function EachTextAnimeControl() {
36  $('.main-animation').each(function () {
37    var elemPos = $(this).offset().top - 50;
38    var scroll = $(window).scrollTop();
39    var windowHeight = $(window).height();
40    if (scroll >= elemPos - windowHeight) {
41      $(this).addClass("main-animation--up");
42
43    } else {
44      $(this).removeClass("main-animation--up");
45    }
46  });
47}
48
49$(window).on('load', function () {
50  var element = $(".main-animation");
51  EachTextAnimeControl();
52});
53	
54function EachTextAnimeControlMain() {
55  $('.main-animation-text').each(function () {
56    var elemPos = $(this).offset().top - 50;
57    var scroll = $(window).scrollTop();
58    var windowHeight = $(window).height();
59    if (scroll >= elemPos - windowHeight) {
60      $(this).addClass("main-animation--up");
61
62    } else {
63      $(this).removeClass("main-animation--up");
64    }
65  });
66}
67
68$(window).on('load', function () {
69  var element = $(".main-animation-text");
70  element.each(function () {
71    var text = $(this).text();
72    var textbox = "";
73    text.split('').forEach(function (t, i) {
74      if (t !== " ") {
75        if (i < 10) {
76          textbox += '<span style="animation-delay:1.' + i + 5 + 's;">' + t + '</span>';
77        } else {
78          var n = i / 10;
79          textbox += '<span style="animation-delay:2.05s;">' + t + '</span>';
80        }
81
82      } else {
83        textbox += t;
84      }
85    });
86    $(this).html(textbox);
87  });
88	
89  EachTextAnimeControlMain();
90  $('.main-animation-text').addClass("js-initialized");
91});
92
93// トップページh2の動作処理 ---------------------------------
94
95$(window).on('load', function () {
96function EachTextAnimeControl() {
97  $('#wrap-outer h2.normal_tit > span').each(function () {
98    var elemPos = $(this).offset().top - 50;
99    var scroll = $(window).scrollTop();
100    var windowHeight = $(window).height();
101    if (scroll >= elemPos - windowHeight) {
102      $(this).addClass("appeartext");
103
104    } else {
105      $(this).removeClass("appeartext");
106    }
107  });
108}
109
110$(window).scroll(function () {
111  EachTextAnimeControl();
112});
113
114  var element = $("#wrap-outer h2.normal_tit > span");
115  element.each(function () {
116    var text = $(this).text();
117    var textbox = "";
118    text.split('').forEach(function (t, i) {
119      if (t !== " ") {
120        if (i < 10) {
121          textbox += '<span style="animation-delay:.' + i + 's;">' + t + '</span>';
122        } else {
123          var n = i / 10;
124          textbox += '<span style="animation-delay:' + n + 's;">' + t + '</span>';
125        }
126
127      } else {
128        textbox += t;
129      }
130    });
131    $(this).html(textbox);
132  });
133
134  EachTextAnimeControl();
135});