核心

Scrub：捲動綁定進度

動畫進度跟著捲動走。比較 scrub: true 與 scrub: 數字（平滑延遲）的差異。

導讀

動畫進度 = 捲動在 start→end 的比例。true 是硬跟手，數字是帶延遲的柔跟。

看什麼
左右兩顆 box：快速上下捲時，右側會比較「追不上」。
怎麼試
拉高右側 scrub 秒數，再快速滑動，放大「硬 vs 柔」差異。
Skill 對應：scrub, start/end range
  • scrub: true = 進度 1:1 跟著捲動
  • scrub: 1 = 播放頭約 1 秒「追上」目前捲動位置，手感更柔
  • 右下角可調 scrub 平滑秒數與位移，立刻比較兩邊差異
scrollTrigger: {
  trigger: ".box",
  start: "top 80%",
  end: "top 20%",
  scrub: 1  // true | number (秒)
}
下方兩個軌道：左 = scrub:true，右 = scrub:數字
scrub 對照

scrub: true

硬

scrub: 1

柔

在 start→end 區間內慢慢上下捲，感受「立刻跟上」vs「有點延遲」

結束區