核心
Pin：釘住區塊
捲動時把區塊固定在視窗，並只動畫子元素（不要動畫被 pin 的元素本身）。
導讀
區塊釘在畫面上，這段捲動距離拿來播內部動畫；end 越長，釘得越久。
- 看什麼
- 外層 section 固定不動，只有裡面 1 / 2 / 3 在動。
- 怎麼試
- 拉長 end、開關 pinSpacing，感受釘住時長與版面是否塌縮。
Skill 對應：pin, pinSpacing, end: +=n
pin: true會 pin 觸發元素；預設pinSpacing: true加 spacer 避免版面塌掉- Skill 強調：不要動畫被 pin 的元素本身，改動畫它的 children
- 用 GUI 試
end距離與pinSpacing，感受釘住長短與版面變化
scrollTrigger: {
trigger: ".pin-panel",
start: "top top",
end: "+=1200",
pin: true,
scrub: 1
}Pinned Section
子元素在 pin 期間由 scrub 驅動
1
2
3