https://watv.org/wp-content/themes/watv/plugin/scrollmagic/main.js?ver=20230508115318

1jQuery(document).ready(function(){
2
3  // Init ScrollMagic
4  var controller = new ScrollMagic.Controller();
5
6  // 새성도 FAQ 말풍성 애니메이션 셋팅
7  jQuery('.new-member-faq .news-content .talk').addClass('sm-slide-In-Up');
8
9  // 동일 효과 반복 설정 (ex .multi 요소 반복)
10  jQuery('.sm-slide-In-Up').each(function(){
11    // build a Scene
12    var ourScene = new ScrollMagic.Scene({
13      triggerElement: this.children[0],
14      //duration: 700, // 작동영역 설정('100%'시 브라우저 전체 높이)
15      triggerHook: 0.9, // 트리거 시작지점 설정(0:top, 1:bottom, 0.9:90%)
16      reverse: false //오직 한번만 작동(리버스 안됨)
17    })
18    .setClassToggle(this, 'slide-In-Up') // add class to project01
19    .addTo(controller);
20  });
21
22  // 동일 효과 반복 설정 (ex .multi 요소 반복)
23  jQuery('.sm-zoom-In').each(function(){
24    // build a Scene
25    var ourScene = new ScrollMagic.Scene({
26      triggerElement: this.children[0],
27      //duration: 700, // 작동영역 설정('100%'시 브라우저 전체 높이)
28      triggerHook: 0.9, // 트리거 시작지점 설정(0:top, 1:bottom, 0.9:90%)
29      reverse: false //오직 한번만 작동(리버스 안됨)
30    })
31    .setClassToggle(this, 'zoom-In') // add class to project01
32    .addTo(controller);
33  });
34
35
36  var scene1 = new ScrollMagic.Scene({
37    triggerElement: ".world-map",
38    triggerHook: 0.3,
39    duration: 1000// controlled by scroll pixels of vertical scroll
40    //duration: window.outerWidth
41  })
42  .setTween(".sm-move-x", 1, {right: 500,}) // trigger a TweenMax.to tween
43  .addTo(controller);
44
45
46  // 동일 효과 반복 설정 (ex .multi 요소 반복)
47  jQuery('.In-Up').each(function(){
48    // build a Scene
49    var ourScene = new ScrollMagic.Scene({
50      triggerElement: this.children[1],
51      //duration: 700, // 작동영역 설정('100%'시 브라우저 전체 높이)
52      triggerHook: 0.9, // 트리거 시작지점 설정(0:top, 1:bottom, 0.9:90%)
53      reverse: false //오직 한번만 작동(리버스 안됨)
54    })
55    .setClassToggle(this, 'Up') // add class to project01
56    // .addIndicators()
57    .addTo(controller);
58  });
59});