https://pilates-k.jp/wp-content/themes/2025-pilates-k/js/about-us.js?ver=1766557510

1
2    const pickupColumnSlide = new Splide('#pickup-column-slide', {
3        type: 'slide',
4        perPage: 3,
5        pagination: false,
6        arrows: false,
7        gap: '1rem',
8        breakpoints: {
9        1024: {
10            perPage: 2,
11            gap: '1rem',
12            padding: '3rem',
13        },
14        600: {
15            perPage: 1,
16            gap: '2rem',
17            padding: '3rem',
18        }
19        }
20    });
21    
22    pickupColumnSlide.mount();
23
24    const observer = new IntersectionObserver((entries) => {
25        entries.forEach(entry => {
26          const section = entry.target;
27          const content = section.querySelector('.scroll-snap-item-content-text');
28      
29          if (!content) return;
30      
31          const isFirstItem = section === document.querySelector('.scroll-snap-item:first-child .scroll-snap-item-content-text');
32      
33          if (entry.intersectionRatio >= 0.5) {
34            if (!isFirstItem) {
35              content.classList.add('in-view');
36            }
37          } else {
38            content.classList.remove('in-view');
39          }
40        });
41      }, {
42        threshold: [0, 0.5, 1]
43      });
44      
45      document.querySelectorAll('.scroll-snap-item').forEach(section => {
46        observer.observe(section);
47      });
48  
49