gsd_website/ap.js at master · Dabrin26/gsd_website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
$(document).ready(function () {
  var controller = new ScrollMagic.Controller();

  var tween = TweenMax.to("#animate1", 1, {
    scale: 185,
    ease: Linear.easeNone,
  });

  var scene = new ScrollMagic.Scene({
    triggerElement: "#animate1",
    triggerHook: 0,
    duration: "100%",
  })
    .setTween(tween)
    .setPin(" #animate1")
    .addTo(controller);

  var tween2 = TweenMax.to("#uni", 1, {
    opacity: 1,
  });
  var scene2 = new ScrollMagic.Scene({
    triggerElement: "#uni",
    triggerHook: 0,
    duration: "100%",
  })
    .setTween(tween2)
    .setPin("#uni")
    .addTo(controller);

  var tween3 = TweenMax.to("#uni", 1, {
    opacity: 0,
    scale: 15,
  });
  var scene3 = new ScrollMagic.Scene({
    triggerElement: "#plan",
    triggerHook: 1,
    duration: "100%",
  })
    .setTween(tween3)
    .addTo(controller);

  var tween4 = TweenMax.to("#plan", 1, {
    opacity: 1,
  });
  var scene4 = new ScrollMagic.Scene({
    triggerElement: "#plan",
    triggerHook: 0,
    duration: "100%",
  })
    .setTween(tween4)
    .setPin("#plan")
    .addTo(controller);

  var tween5 = TweenMax.to("#plan", 1, {
    opacity: 0,
    scale: 15,
  });
  var scene5 = new ScrollMagic.Scene({
    triggerElement: "#city",
    triggerHook: 1,
    duration: "100%",
  })
    .setTween(tween5)
    .addTo(controller);
  var tween6 = TweenMax.to("#city", 1, {
    opacity: 1,
  });
  var scene6 = new ScrollMagic.Scene({
    triggerElement: "#city",
    triggerHook: 0,
    duration: "100%",
  })
    .setTween(tween6)
    .setPin("#city")
    .addTo(controller);
});