devs Tools / GSAP Studio / Reference
position・ScrollTrigger・label・callback・easeリファレンス
position parameter、ScrollTrigger start・end、label、callback、easeを、日本語の意味、入力、結果、失敗例とともに確認できます。
GSAP position parameterの意味と解決規則
TimelineへTween・label・callbackを挿入する位置を、数値、相対式、直前item、label、percentageから秒数へ解決します。
v1.0.0 · Verified 2026-07-20 reference · GST-REF-002ScrollTrigger start・endの決め方
trigger要素とviewportの位置関係、scroll距離、pin・scrub・refresh方針を同じScroll Contractで管理します。
v1.0.0 · Verified 2026-07-20 reference · GST-REF-003GSAP labelとscene mapping
labelはTimeline上の時点に付ける名前で、相対配置、seek、callback、Scroll Storyのsceneを同じ目印へ接続します。
v1.0.0 · Verified 2026-07-20 callback · GST-CALLBACK-ONSTARTonStart callback
開始時に通知するGSAP callbackです。関数本文は保存せず、安全なpayload契約だけを出力します。
v1.0.0 · Verified 2026-07-20 callback · GST-CALLBACK-ONUPDATEonUpdate callback
更新時に通知するGSAP callbackです。関数本文は保存せず、安全なpayload契約だけを出力します。
v1.0.0 · Verified 2026-07-20 callback · GST-CALLBACK-ONCOMPLETEonComplete callback
完了時に通知するGSAP callbackです。関数本文は保存せず、安全なpayload契約だけを出力します。
v1.0.0 · Verified 2026-07-20 callback · GST-CALLBACK-ONREVERSECOMPLETEonReverseComplete callback
逆再生完了時に通知するGSAP callbackです。関数本文は保存せず、安全なpayload契約だけを出力します。
v1.0.0 · Verified 2026-07-20 callback · GST-CALLBACK-ONREPEATonRepeat callback
repeat時に通知するGSAP callbackです。関数本文は保存せず、安全なpayload契約だけを出力します。
v1.0.0 · Verified 2026-07-20 callback · GST-CALLBACK-ONINTERRUPTonInterrupt callback
中断時に通知するGSAP callbackです。関数本文は保存せず、安全なpayload契約だけを出力します。
v1.0.0 · Verified 2026-07-20 ease · GST-EASE-NONELinear ease
noneはTweenの加速・減速の割合を決めるGSAP easeです。
v1.0.0 · Verified 2026-07-20 ease · GST-EASE-POWER1_OUTPower 1 Out ease
power1.outはTweenの加速・減速の割合を決めるGSAP easeです。
v1.0.0 · Verified 2026-07-20 ease · GST-EASE-POWER1_INPower 1 In ease
power1.inはTweenの加速・減速の割合を決めるGSAP easeです。
v1.0.0 · Verified 2026-07-20 ease · GST-EASE-POWER1_INOUTPower 1 InOut ease
power1.inOutはTweenの加速・減速の割合を決めるGSAP easeです。
v1.0.0 · Verified 2026-07-20 ease · GST-EASE-POWER2_OUTPower 2 Out ease
power2.outはTweenの加速・減速の割合を決めるGSAP easeです。
v1.0.0 · Verified 2026-07-20 ease · GST-EASE-POWER2_INPower 2 In ease
power2.inはTweenの加速・減速の割合を決めるGSAP easeです。
v1.0.0 · Verified 2026-07-20 ease · GST-EASE-POWER2_INOUTPower 2 InOut ease
power2.inOutはTweenの加速・減速の割合を決めるGSAP easeです。
v1.0.0 · Verified 2026-07-20 ease · GST-EASE-POWER3_OUTPower 3 Out ease
power3.outはTweenの加速・減速の割合を決めるGSAP easeです。
v1.0.0 · Verified 2026-07-20 ease · GST-EASE-POWER3_INOUTPower 3 InOut ease
power3.inOutはTweenの加速・減速の割合を決めるGSAP easeです。
v1.0.0 · Verified 2026-07-20 ease · GST-EASE-POWER4_OUTPower 4 Out ease
power4.outはTweenの加速・減速の割合を決めるGSAP easeです。
v1.0.0 · Verified 2026-07-20 ease · GST-EASE-SINE_OUTSine Out ease
sine.outはTweenの加速・減速の割合を決めるGSAP easeです。
v1.0.0 · Verified 2026-07-20 ease · GST-EASE-SINE_INOUTSine InOut ease
sine.inOutはTweenの加速・減速の割合を決めるGSAP easeです。
v1.0.0 · Verified 2026-07-20 ease · GST-EASE-EXPO_OUTExpo Out ease
expo.outはTweenの加速・減速の割合を決めるGSAP easeです。
v1.0.0 · Verified 2026-07-20 ease · GST-EASE-EXPO_INOUTExpo InOut ease
expo.inOutはTweenの加速・減速の割合を決めるGSAP easeです。
v1.0.0 · Verified 2026-07-20 ease · GST-EASE-BACK_OUTBack Out ease
back.out(1.7)はTweenの加速・減速の割合を決めるGSAP easeです。
v1.0.0 · Verified 2026-07-20 ease · GST-EASE-BOUNCE_OUTBounce Out ease
bounce.outはTweenの加速・減速の割合を決めるGSAP easeです。
v1.0.0 · Verified 2026-07-20 ease · GST-EASE-CIRC_OUTCirc Out ease
circ.outはTweenの加速・減速の割合を決めるGSAP easeです。
v1.0.0 · Verified 2026-07-20 ease · GST-EASE-STEPS_5Steps 5 ease
steps(5)はTweenの加速・減速の割合を決めるGSAP easeです。
v1.0.0 · Verified 2026-07-20How to read
固定IDと根拠を、実装コードと一緒に確認する
Pattern(完成構造)は作り方、Rule(品質ルール)は症状と原因、Reference(構文)は値の意味、Output Adapter(出力変換)は環境別の導入方法を担当します。似た検索意図を同じページへ詰め込まず、各ページからGSAP Studioと関連項目へ戻れる構造にしています。