devs Tools / GSAP Studio / Reference

position・ScrollTrigger・label・callback・easeリファレンス

position parameter、ScrollTrigger start・end、label、callback、easeを、日本語の意味、入力、結果、失敗例とともに確認できます。

27References ツールを開く
reference · GST-REF-001

GSAP position parameterの意味と解決規則

TimelineへTween・label・callbackを挿入する位置を、数値、相対式、直前item、label、percentageから秒数へ解決します。

v1.0.0 · Verified 2026-07-20
reference · GST-REF-002

ScrollTrigger start・endの決め方

trigger要素とviewportの位置関係、scroll距離、pin・scrub・refresh方針を同じScroll Contractで管理します。

v1.0.0 · Verified 2026-07-20
reference · GST-REF-003

GSAP labelとscene mapping

labelはTimeline上の時点に付ける名前で、相対配置、seek、callback、Scroll Storyのsceneを同じ目印へ接続します。

v1.0.0 · Verified 2026-07-20
callback · GST-CALLBACK-ONSTART

onStart callback

開始時に通知するGSAP callbackです。関数本文は保存せず、安全なpayload契約だけを出力します。

v1.0.0 · Verified 2026-07-20
callback · GST-CALLBACK-ONUPDATE

onUpdate callback

更新時に通知するGSAP callbackです。関数本文は保存せず、安全なpayload契約だけを出力します。

v1.0.0 · Verified 2026-07-20
callback · GST-CALLBACK-ONCOMPLETE

onComplete callback

完了時に通知するGSAP callbackです。関数本文は保存せず、安全なpayload契約だけを出力します。

v1.0.0 · Verified 2026-07-20
callback · GST-CALLBACK-ONREVERSECOMPLETE

onReverseComplete callback

逆再生完了時に通知するGSAP callbackです。関数本文は保存せず、安全なpayload契約だけを出力します。

v1.0.0 · Verified 2026-07-20
callback · GST-CALLBACK-ONREPEAT

onRepeat callback

repeat時に通知するGSAP callbackです。関数本文は保存せず、安全なpayload契約だけを出力します。

v1.0.0 · Verified 2026-07-20
callback · GST-CALLBACK-ONINTERRUPT

onInterrupt callback

中断時に通知するGSAP callbackです。関数本文は保存せず、安全なpayload契約だけを出力します。

v1.0.0 · Verified 2026-07-20
ease · GST-EASE-NONE

Linear ease

noneはTweenの加速・減速の割合を決めるGSAP easeです。

v1.0.0 · Verified 2026-07-20
ease · GST-EASE-POWER1_OUT

Power 1 Out ease

power1.outはTweenの加速・減速の割合を決めるGSAP easeです。

v1.0.0 · Verified 2026-07-20
ease · GST-EASE-POWER1_IN

Power 1 In ease

power1.inはTweenの加速・減速の割合を決めるGSAP easeです。

v1.0.0 · Verified 2026-07-20
ease · GST-EASE-POWER1_INOUT

Power 1 InOut ease

power1.inOutはTweenの加速・減速の割合を決めるGSAP easeです。

v1.0.0 · Verified 2026-07-20
ease · GST-EASE-POWER2_OUT

Power 2 Out ease

power2.outはTweenの加速・減速の割合を決めるGSAP easeです。

v1.0.0 · Verified 2026-07-20
ease · GST-EASE-POWER2_IN

Power 2 In ease

power2.inはTweenの加速・減速の割合を決めるGSAP easeです。

v1.0.0 · Verified 2026-07-20
ease · GST-EASE-POWER2_INOUT

Power 2 InOut ease

power2.inOutはTweenの加速・減速の割合を決めるGSAP easeです。

v1.0.0 · Verified 2026-07-20
ease · GST-EASE-POWER3_OUT

Power 3 Out ease

power3.outはTweenの加速・減速の割合を決めるGSAP easeです。

v1.0.0 · Verified 2026-07-20
ease · GST-EASE-POWER3_INOUT

Power 3 InOut ease

power3.inOutはTweenの加速・減速の割合を決めるGSAP easeです。

v1.0.0 · Verified 2026-07-20
ease · GST-EASE-POWER4_OUT

Power 4 Out ease

power4.outはTweenの加速・減速の割合を決めるGSAP easeです。

v1.0.0 · Verified 2026-07-20
ease · GST-EASE-SINE_OUT

Sine Out ease

sine.outはTweenの加速・減速の割合を決めるGSAP easeです。

v1.0.0 · Verified 2026-07-20
ease · GST-EASE-SINE_INOUT

Sine InOut ease

sine.inOutはTweenの加速・減速の割合を決めるGSAP easeです。

v1.0.0 · Verified 2026-07-20
ease · GST-EASE-EXPO_OUT

Expo Out ease

expo.outはTweenの加速・減速の割合を決めるGSAP easeです。

v1.0.0 · Verified 2026-07-20
ease · GST-EASE-EXPO_INOUT

Expo InOut ease

expo.inOutはTweenの加速・減速の割合を決めるGSAP easeです。

v1.0.0 · Verified 2026-07-20
ease · GST-EASE-BACK_OUT

Back Out ease

back.out(1.7)はTweenの加速・減速の割合を決めるGSAP easeです。

v1.0.0 · Verified 2026-07-20
ease · GST-EASE-BOUNCE_OUT

Bounce Out ease

bounce.outはTweenの加速・減速の割合を決めるGSAP easeです。

v1.0.0 · Verified 2026-07-20
ease · GST-EASE-CIRC_OUT

Circ Out ease

circ.outはTweenの加速・減速の割合を決めるGSAP easeです。

v1.0.0 · Verified 2026-07-20
ease · GST-EASE-STEPS_5

Steps 5 ease

steps(5)はTweenの加速・減速の割合を決めるGSAP easeです。

v1.0.0 · Verified 2026-07-20

How to read

固定IDと根拠を、実装コードと一緒に確認する

Pattern(完成構造)は作り方、Rule(品質ルール)は症状と原因、Reference(構文)は値の意味、Output Adapter(出力変換)は環境別の導入方法を担当します。似た検索意図を同じページへ詰め込まず、各ページからGSAP Studioと関連項目へ戻れる構造にしています。