---
tags: Gsap
---
###### tags: `gsap`
# GSAP3 Plugins - ScrollTrigger
載入 gsap主程式 js 和 引用 ScrollTrigger 外掛程式 js
註冊 ScrollTrigger

<script src="gsap.min.js"></script>
<script src="ScrollTrigger.min.js"></script

<script>
gsap.registerPlugin(ScrollTrigger);
</script>

---
<iframe height="265" style="width: 100%;" scrolling="no" title="gsap" src="https://codepen.io/juest/embed/WNpPJWe?height=265&theme-id=dark&default-tab=js,result" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
See the Pen <a href='https://codepen.io/juest/pen/WNpPJWe'>gsap</a> by gt.juest
(<a href='https://codepen.io/juest'>@juest</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>

---
* foreEach

second.forEach((index) => {
  gsap.to(index, {
    scrollTrigger: {
      trigger: index,
    }
  })
})

---
* Media

ScrollTrigger.matchMedia({
  "(min-width: 800px)": function () {
  
  }
});

---
* var

start: "top " + hhight,