CSS - timeline-trigger-source
概要
| 属性名 | timeline-trigger-source |
|---|---|
| 値 | [ auto | none | <dashed-ident> | scroll() | view() ]# |
| 初期値 | auto |
| 適用可能要素 | すべての要素 |
| 継承 | 継承しない |
| サポート | https://caniuse.com/?search=timeline-trigger-source |
説明
スクロールトリガーアニメーション でどのスクロールバーに従うかを指定します。2026年3月の Chrome 146 でサポートされました。
- auto
- 自動的に決めます。
- none
- スクロールに追従しません。
- <dashed-ident>
-
scroll-timeline-nameまたはview-timeline-nameで定義したタイムライン名を参照します。 - scroll(...)
- 表示されていない領域を含むページ全体のスクロールを対象とします。詳細は スクロール進捗タイムライン を参照してください。
- view(...)
- 表示されている領域(ビューポート)を対象とします。詳細は ビュー進捗タイムライン を参照してください。
関連項目
timeline-triggertimeline-trigger-nametimeline-trigger-activation-rangetimeline-trigger-activation-range-starttimeline-trigger-activation-range-endtimeline-trigger-active-rangetimeline-trigger-active-range-starttimeline-trigger-active-range-endanimation-triggertrigger-scope
リンク
Copyright (C) 2026 杜甫々
初版:2026年3月15日、最終更新:2026年3月15日
https://www.tohoho-web.com/css/prop/timeline-trigger-source.htm