核心觀念
網頁捲動動畫分成兩個層次，各用不同 library：
- GSAP：控制「捲動時發生什麼」——元素淡入、視差、pin 住、時間軸編排
- Lenis：控制「捲動本身的手感」——平滑捲動（smooth scroll）library
為什麼要搭配使用
兩者互補：Lenis 讓底層捲動慣性變順暢後，GSAP 的動畫觸發時機通常也更自然；如果專案很重視整體 scroll feel，常會把兩者搭配使用。
記憶要點
把「做什麼」和「怎麼捲」拆成兩層，是高水準前端網站的常見做法。
網頁捲動動畫分成兩個層次，各用不同 library：
兩者互補：Lenis 讓底層捲動慣性變順暢後，GSAP 的動畫觸發時機通常也更自然；如果專案很重視整體 scroll feel，常會把兩者搭配使用。
把「做什麼」和「怎麼捲」拆成兩層，是高水準前端網站的常見做法。