Plugin

Observer：手勢正規化

統一 pointer / wheel / touch 方向事件；做 swipe 切頁不必綁 scroll 進度。

導讀

要「往上滑就下一屏」這類手勢時用 Observer；要綁捲動距離用 ScrollTrigger。

看什麼
在區域內滾輪或滑動，面板 index 切換與方向指示。
怎麼試
調 tolerance；只開 wheel 或 touch+pointer。
Skill 對應：Observer.create, onUp/onDown, tolerance, type
  • Observer 正規化 wheel / touch / pointer 方向事件
  • 適合「滑一下換一屏」；要綁捲動距離請用 ScrollTrigger
  • tolerance：超過幾 px 才算方向
  • type 可限縮 "wheel"、"touch,pointer"
Observer.create({
  target: "#stage",
  type: "wheel,touch,pointer",
  tolerance: 20,
  onUp: () => go(-1),
  onDown: () => go(1)
});
Observer
1

在此區域滾輪或上下滑動

direction —