因为这次的公司改版专案大量使用 gsap 的 scrollt

因为这次的公司改版专案大量使用 GSAP 的 ScrollTrigger 功能。由于 ScrollTrigger 主要的功能便是在侦测页面卷动行为，事实上和 AOS 做到的性质大同小异，而我在使用 AOS 时，用到的动画种类蛮固定的，因此决定直接用 ScrollTrigger 直接取代 AOS。

为了要确保页面宽度不会因为动画而被改变，因此通常会用一个区块来包覆要显示动画的区块，并加上 overflow: hidden; 的样式。以上述为例，便是 .wrap 这个区块。

为了要一次定义“上、下、左、右”四种方向，因此将程式码用以下的方式表现：

如同一开始提到的，之所以会用 ScrollTrigger 来取代 AOS，是因为这次网站改版大量使用 GSAP 的动画功能，因此在涵盖范围比 AOS 大的情况下，透过上述较短的程式码，定义好自己常用的动画功能。

如果今天没有用 GSAP 的话，我仍然建议直接用 AOS，可以很简单的套用基本的卷动动画。

此外，因为工作的关系，曾经用 Automattic 的 Underscores (_s) 替客户与公司官网进行全客制化布景主题开发。