大家好,我是 Eric。 在 2020 年底,最後一次公司網站的小改版中,為了改善 Google Page Speed Insights 的成績,因此研究了應該要如何延遲載入 (lazy loading) Google … [繼續閱讀...] 關於 延遲載入 Google Maps 的 2 種方法
scrollTrigger
用 ScrollTrigger 取代 AOS
因為這次的公司改版專案大量使用 GSAP 的 ScrollTrigger 功能。由於 ScrollTrigger 主要的功能便是在偵測頁面捲動行為,事實上和 AOS 做到的性質大同小異,而我在使用 AOS … [繼續閱讀...] 關於 用 ScrollTrigger 取代 AOS
如何用 ScrollTrigger 選擇多個元素/物件
在〈使用 GSAP 的 ScrollTrigger 製作捲動動畫〉中,我們介紹了 ScrollTrigger 的基礎用法,搭配 gsap.to( onUpdate: callback ); … [繼續閱讀...] 關於 如何用 ScrollTrigger 選擇多個元素/物件
使用 GSAP 的 ScrollTrigger 製作捲動動畫
原本我是透過 AOS 這款 JavaScript 函式庫製作頁面捲動的動畫 (animation on scroll),但這次公司網站改版,需要較複雜的動畫,因此必須改用 GSAP … [繼續閱讀...] 關於 使用 GSAP 的 ScrollTrigger 製作捲動動畫