https://i-shift.com/wp-content/themes/OriginalTheme/inc/front/js/front-move.js

1jQuery(function ($) {
2  const $fv = $('#FV');
3  if (!$fv.length) return;
4
5  setTimeout(() => {
6    $fv.addClass('is-type');
7  }, 1000);
8
9  setTimeout(() => {
10    $fv.addClass('is-phase02');
11  }, 2000);
12
13  setTimeout(() => {
14    $fv.addClass('is-sweep');
15  }, 2000 + 200);
16
17  setTimeout(() => {
18    $fv.addClass('is-bg2');
19  }, 2000 + 2000);
20
21  setTimeout(() => {
22    $fv.addClass('is-vanta-visible');
23  }, 2000 + 4000);
24});
25
26
27// mission image
28document.addEventListener('DOMContentLoaded', () => {
29  const targets = document.querySelectorAll('.js-spread');
30  if (!targets.length) return;
31
32  const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
33  if (reduce) {
34    targets.forEach(el => el.classList.add('is-show'));
35    return;
36  }
37
38  const io = new IntersectionObserver((entries) => {
39    entries.forEach(entry => {
40      if (!entry.isIntersecting) return;
41      entry.target.classList.add('is-show');
42      io.unobserve(entry.target);
43    });
44  }, {
45    threshold: 0.25
46  });
47
48  targets.forEach(el => io.observe(el));
49});
50
51//about us img
52document.addEventListener('DOMContentLoaded', () => {
53  const targets = document.querySelectorAll('#about .img-item');
54  if (!targets.length) return;
55
56  const io = new IntersectionObserver((entries) => {
57    entries.forEach(entry => {
58      if (!entry.isIntersecting) return;
59      entry.target.classList.add('is-show');
60      io.unobserve(entry.target);
61    });
62  }, {
63    threshold: 0.25
64  });
65
66  targets.forEach(el => io.observe(el));
67});